diff --git a/js/scripts.js b/js/scripts.js new file mode 100644 index 00000000000..d0cd7b766e6 --- /dev/null +++ b/js/scripts.js @@ -0,0 +1,35 @@ +(function(){ + // Not on browser + if (typeof document === 'undefined') { + return; + } + + document.addEventListener('DOMContentLoaded', init); + + function init() { + var backdrop = document.querySelector('.modal-backdrop'); + var modalButtonOpen = document.querySelector('.modal-button-open'); + var modalButtonClose = document.querySelector('.modal-button-close'); + + backdrop.addEventListener('click', hideModal); + modalButtonOpen.addEventListener('click', showModal); + modalButtonClose.addEventListener('click', hideModal); + } + + function showModal(e) { + var backdrop = document.querySelector('.modal-backdrop'); + var modal = document.querySelector('.modal'); + + backdrop.classList.add('modal-open'); + modal.classList.add('modal-open'); + } + + function hideModal(e) { + var backdrop = document.querySelector('.modal-backdrop'); + var modal = document.querySelector('.modal'); + + backdrop.classList.remove('modal-open'); + modal.classList.remove('modal-open'); + } + +}()); diff --git a/showcase.html b/showcase.html index 661e74abec7..cc17036c65c 100644 --- a/showcase.html +++ b/showcase.html @@ -1,4 +1,4 @@ -