jun_dev
@jun_dev
Frontend-developer

Как оптимизировать код?

Посоветуйте, как более грамотно написать этот кусок кода?
И еще, если содержимое if занести в функцию, можно в аргументы передать только цифру 1 или 2 и подставлять в необходимые места?

const button = document.querySelectorAll('.button');

button.forEach((elem) => {

	elem.addEventListener('click', () => {

		elem.classList.toggle("active");
		let textBut = elem.classList.contains("active");
		textBut ? elem.innerText = 'Свернуть' : elem.innerText = 'Подробнее';

		let but1 = elem.matches('button.but__hide-elem1');
		let but2 = elem.matches('button.but__hide-elem2');

		if (but1 === true) {
			let sectionCooperation1 = document.querySelector('.section-cooperation1');
			let thisMiele1 = document.querySelector('.this-miele1');
			sectionCooperation1.classList.toggle("show");
			thisMiele1.classList.toggle("show");
		}
		if (but2 === true) {
			let sectionCooperation2 = document.querySelector('.section-cooperation2');
			let thisMiele2 = document.querySelector('.this-miele2');
			sectionCooperation2.classList.toggle("show");
			thisMiele2.classList.toggle("show");
		}

	});
});
  • Вопрос задан
  • 159 просмотров
Решения вопроса 1
E1ON
@E1ON Куратор тега JavaScript
Programming, Gamedev, VR
Можешь попробовать делегирование событий
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы