Здравствуйте. Можно ли как-то упростить или уменьшить количество строк в

Question

Здравствуйте. Можно ли как-то упростить или уменьшить количество строк в

следующем коде?

const modalWindow = document.getElementById('fadeBlock4');
const modalButton = document.getElementById('button-4');
const modalWindowButton = document.getElementById('ModalWindowButton4');

modalButton.onclick = function () {
modalWindow.classList.toggle('_active');
if (modalWindow.classList.contains("_active")) {
document.body.style.overflow = '';
} else {
document.body.style.overflow = 'hidden';
}
}

modalWindowButton.onclick = function () {
modalWindow.classList.toggle('_active');
if (modalWindow.classList.contains("_active")) {
document.body.style.overflow = '';
} else {
document.body.style.overflow = 'hidden';
}
}

(тут получается одна и таже функция для разных кнопок)

#javascript #programming #russian

0

11.06.2022

6 ответов

13 просмотров

Anastasiya Автор вопроса

Максим
Вынеси повторяющийся код в 1 функцию и прикрепи её...

опачки, спасибо большое

0

11.06.2022

Anastasiya Автор вопроса

Максим
Вынеси повторяющийся код в 1 функцию и прикрепи её...

у меня почему-то перестало работать((( function addingClassActive() { modalWindow.classList.toggle('_active'); if (modalWindow.classList.contains("_active")) { document.body.style.overflow = ''; } else { document.body.style.overflow = 'hidden'; } } modalWindowButton.onclick = addingClassActive() modalButton.onclick = addingClassActive()

0

11.06.2022

Тimur

Anastasiya
у меня почему-то перестало работать((( function a...

addingClassActive без скобок

0

11.06.2022

Anastasiya Автор вопроса

Тimur
addingClassActive без скобок

а, благодарю))

0

11.06.2022