DOM и React Junior DOM на практике обновлено
Классы и data-атрибуты
Условие
Функция toggleActive(el, on): добавляет класс 'active' при on, убирает иначе, и записывает в data-state строку 'on'/'off'. Верни el.
Что проверяют тесты
включает
выключает и не трогает другие классы
Как подойти
classList.toggle(name, force) избавляет от ветвления. className = '…' затирает все классы разом - типичная ошибка. dataset - верблюжья запись дефисных data-атрибутов: data-user-id → dataset.userId.
Подсказки: 2
- У classList.toggle есть второй аргумент - принудительное состояние.
- dataset.state соответствует атрибуту data-state.
Решите в тренажёре
Редактор с автотестами прямо в браузере. Можно решить спокойно, вслух или под таймером, как на собесе.