Недавно начал изучать JS.
И вот на практике не могу понять, почему удаляется, но не присваивается обратно класс lock у body?
Суть кода в том, что по клику на кнопку должна закрыться первая форма и открыться вторая, при этом удалить и потом снова добавить класс lock для body.
<body>
<form action="#" class="first-form">
<h2>First form</h2>
<button type="submit" class="submit">SUBMIT</button>
<button class="btn">Open second form</button>
</form>
<form action="#" class="second-form">
<h2>Second form</h2>
<input type="text" class="name" placeholder="Name">
<button type="submit">SUBMIT</button>
</form>
</body>
const body = document.body;
const firstForm = body.querySelector(".first-form");
const secondForm = body.querySelector(".second-form");
const btn = firstForm.querySelector(".btn");
function bodyLock() {
body.classList.add("lock");
}
function bodyUnlock() {
body.classList.remove("lock");
}
function openForm(form) {
if (!form.classList.contains("show")) {
form.classList.add("show");
bodyLock();
}
}
function closeForm(form) {
if (form.classList.contains("show")) {
form.classList.remove("show");
bodyUnlock();
}
}
btn.addEventListener("click", (e) => {
e.preventDefault();
closeForm(firstForm);
openForm(secondForm);
});
