Есть сайт,
https://xn----7sbbb7bbx7alc6h.xn--p1ai/
На нем раздел (прикрепляю во пложении)
Есть скрипт - цикл смены цвета js span элементов.
Он работает, но есть вопрос по нему:
Как сделать чтоб при наведении на картинку .portfolio__bl менялись цвета у span (.portfolio__bl__title span).
<script>
let box = document.querySelectorAll('.portfolio__bl__title span');
let colors = ['#8d67c3', '#f376a2', '#4263a8', '#19b4ee'];
for(let i = 0; i < box.length; i++) {
box[i].dataset.current = 0;
box[i].onmouseout = function() {
this.style.backgroundColor = '';
}
box[i].addEventListener('mouseover', function(event) {
this.style.backgroundColor = colors[this.dataset.current];
this.dataset.current++;
if (this.dataset.current >= colors.length) {
this.dataset.current = 0;
}
});
}
</script>
