на экране четыре сектора разного цвета и кнопка. Есть массив с последовательностью, в которой секторы нужно поочередно подсвечивать по нажатию на кнопку.
<template>
<div id="app">
<div class="section section-1"></div>
<div class="section section-2"></div>
<div class="section section-3"></div>
<div class="section section-4"></div>
</template>
для этого я написал метод, который вызывается при нажатии на кнопку
hightligthSectors() {
let items = [];
let counter = 0;
function show() {
if (counter < items.length) {
setTimeout(function() {
items[counter].classList.add('active');
setTimeout( () => items[counter].classList.remove('active'), 1000);
counter++;
show();
}, 1000);
}
}
for (let i of this.targetSeq) {
items.push(document.getElementsByClassName('section-'+i)[0]);
}
show();
}
При запуске метода нужным секторам добавляется класс, однако при попытке его удалить вылетает ошибка
Uncaught TypeError: Cannot read properties of undefined (reading 'classList')
Которая ссылается на строку удаления класса с таймаутом:
setTimeout( () => items[counter].classList.remove('active'), 1000);