38 lines
1.2 KiB
JavaScript
38 lines
1.2 KiB
JavaScript
document.addEventListener("DOMContentLoaded", function () {
|
|
const wrapper = document.querySelector('.wrapper');
|
|
const loginLink = document.querySelector('.login-link');
|
|
const registerLink = document.querySelector('.register-link');
|
|
const btnPopup = document.querySelector('.btnLogin-popup');
|
|
const iconClose = document.querySelector('.icon-close');
|
|
|
|
function openLoginForm(event) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
wrapper.classList.add('active-popup');
|
|
}
|
|
|
|
function closeLoginForm(event) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
wrapper.classList.remove('active-popup');
|
|
}
|
|
function hideLoginForm() {
|
|
wrapper.classList.remove('active-popup');
|
|
}
|
|
|
|
registerLink.addEventListener('click', function (event) {
|
|
openLoginForm(event);
|
|
wrapper.classList.add('active');
|
|
});
|
|
|
|
loginLink.addEventListener('click', function (event) {
|
|
openLoginForm(event);
|
|
wrapper.classList.remove('active');
|
|
});
|
|
closeLoginForm();
|
|
|
|
btnPopup.addEventListener('click', openLoginForm);
|
|
iconClose.addEventListener('click', closeLoginForm);
|
|
});
|
|
|