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

Question

[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';

Comments

[Владислав Лысков]

https://developer.mozilla.org/ru/docs/Web/API/HTML...

Answer 1

[Vadim Bogomazov]

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;`;