Как правило, существует два способа задания стилей для элемента: 1) Создать класс в CSS и использовать его: <div class="..."> 2) Писать стили непосредственно в атрибуте style: <div style="...">. JavaScript может менять и классы, и свойство style. Классы – всегда предпочтительный вариант по сравнению со style. Мы должны манипулировать свойством style только в том случае, если классы «не могут справиться»...

При использовании прослушивания событий у нас может возникнуть необходимость добавлять класс при клике или, например, наведении мыши. Здесь мы можем столкнуться с проблемой, что же нам выбрать: ✅ add добавит класс один раз; При первом клике у нас сработает прописанное событие, но далее, сколько бы раз мы не нажимали на кнопку - ничего не произойдет до перезагрузки страницы...