@connecter

Как сократить код?

Как сократить такой код?
При нажатии на кнопку вызывается функция
document.querySelector('.main__wal').style.overflowY = 'hidden';
document.querySelector('.clip__s').style.zIndex = '5';
document.querySelector('.clip__s').style.opacity = '0.7';
document.querySelector('.clip__s').style.top = document.querySelector('.main__wal').scrollTop + 'px';
document.querySelector('.clip__sel').style.width = this.width + 'px';
document.querySelector('.clip__sel').style.height = (this.height+100) + 'px';
document.querySelector('.clip__sel').style.zIndex = '6';
document.querySelector('.clip__sel').style.opacity = '1';
  • Вопрос задан
  • 153 просмотра
Решения вопроса 1
@bogomazov_vadim
const mainWal = document.querySelector('.main__wal');
const clipS = document.querySelector('.clip__s');
const clipSel = document.querySelector('.clip__sel');


mainWal.style.overflowY = 'hidden';
clipS.style.cssText = `opacity: 0.7; top: ${mainWal.scrollTop}px, z-index: 5;`;
clipSel.style.cssText = `height: ${this.height + 100}px; opacity: 1; top: ${mainWal.scrollTop}px, width: ${this.width}px; z-index: 6;`;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы