Преимущество стилизации с помощью CSS классов в JavaScript
Использование классов вместо изменения стилей напрямую имеет еще одно преимущество. Легким движением руки можно сделать так, что стили элементов будут чередоваться.
Например, можно сделать так, что при первом
клике на абзац он будет красится в определенный
цвет, а при повторном клике - возвращать
себе исходный цвет. Для этого нужно просто
метод add поменять на метод toggle:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
this.classList.toggle('colored');
});
}
Модифицируйте предыдущую задачу так, чтобы повторное нажатие на кнопку отменяло действие этой кнопки.