Как настроить autocomlete в WebStorm для scss?

я так понимаю это точно такая же проблема, как тут . и решения за все время так и нет...

Как периписать скрипт что бы отработывал на двух элементах?

barsecky, если у тебя будет querySelectorAll, то это псевдомассив. его нужно перебрать любым циклом и повесить обработчик на каждый элемент из массива.
// targets - тут будут все кнопки
targets = querySelectorAll('.....');
//перебираем их и каждой вешаем обработчик события
targets.foeEach(elem => {
elem.addEventListener('click', (e) => {
// здесь код работы кнопки.
}};

Вот так обе кнопки будут делать одно действие

const overlays = document.querySelectorAll('.overlay');

const search = document.querySelector('.search');
const input = document.querySelector('.input');

overlays.forEach(elem => {
elem.addEventListener('click', () => {
search.classList.toggle('active');
if (search.classList.contains('active')) {
setTimeout(() => {
input.focus();
}, 200)
}
})
})