Доброго времени суток.
Подскажите, пжлста. Как повесить событие сразу на несколько одинаковых элементов?
Например. У меня есть 5 спанов. Я хочу повесить событие:
при наведении на каждый спан в отдельности - чтоб менялся бэкграунд.
Попытался сделать querySelector
All - но понял, что событие на полученный массив спанов не вешается. Получается только повесить событие на 1-й спан, как в примере ниже.
Какие есть варианты решения проблемы?
<body>
<div>
<span class="span">#1</span>
<span class="span">#2</span>
<span class="span">#3</span>
<span class="span">#4</span>
<span class="span">#5</span>
</div>
</body>
let spans = document.querySelector('.span');
let changeColor = () => spans.classList.toggle('redbackground');
spans.addEventListener('mouseover', changeColor);
Я заранее прошу прощения, если мой вопрос покажется вам тупым, я новичок в js, только обучаюсь этому. Но потратил 3-4 часа на гугление и самостоятельный подбор разных вариантов и ничего не придумал и не нашёл.
Спасибо