АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!
⊗jsPmPrEA 482 of 503 menu
Новая рубрика! Интервью с моими учениками. Они расскажут, как искали работу и дадут ценные советы. Заходите:)

Активация элементов на JavaScript

Пусть у нас есть некоторая HTML таблица #table с пустыми ячейками.

Давайте сделаем так, чтобы по нажатию на любую ячейку она каким-то образом активировалась, например, становилась красного фона. Для этого активированным ячейкам будем давать какой-нибудь CSS класс:

.active { background: red; }

Реализуем активацию:

let tds = document.querySelectorAll('#table td'); for (let td of tds) { td.addEventListener('click', function() { this.classList.add('active'); }); }

Дана HTML список ul. Сделайте так, чтобы по нажатию на любой пункт списка он активировался красным фоном.

Модифицируйте предыдущую задачу так, чтобы по нажатию на активированный пункт списка активация с него снималась.

enru