Кто мне сможет объяснить небольшую часть кода?

Рейтинг: -1Ответов: 1Опубликовано: 10.08.2023

Новичок. Пытаюсь разобраться в javascript, однако никак не пойму вот эту часть. Кто-нибудь может объяснить что здесь происходит?

let selectedTd;
table.onclick = function(event) {
  let target = event.target;
  if (target.tagName != 'TD') return;
  highlight(target);
};

function highlight(td) {
  if (selectedTd) {
    selectedTd.classList.remove('highlight');
  }
  selectedTd = td;
  selectedTd.classList.add('highlight');
}
javascript
Источник: Stack Overflow на русском

Ответы

▲ 0

Я не силен в JS, но, насколько я вижу, этот кусочек кода выделяет выбранную ячейку в таблице при клике на ней. И удаляет выделения с предыдущей ячейки.

if (target.tagName != 'TD') return;

Это проверка что если выделена не ячейка таблицы а что-то другое, то функция не выполняется.

if (selectedTd) {

Это проверяется, была ли какая-либо ячейка выделена в таблице до клика или нет. И если до клика уже была выделена какая-то ячейка, то с нее выделение убирается, чтобы выделение повесить уже на новую ячейку