Как добавить класс при клике на чистом javascript?

1

Нажми меня

1
2
3
4
5
6
7
8

// Получаем ссылку на элемент, на который необходимо добавить класс при клике
var myButton = document.getElementById("myButton");

// Добавляем обработчик события "click" на элемент
myButton.addEventListener("click", function() {
  // Добавляем класс "active" к элементу
  this.classList.add("active");
});

1
2
3

.active {
  background-color: red;
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

// Получаем ссылку на элемент, на который необходимо добавить класс при клике
var myButton = document.getElementById("myButton");

// Создаем функцию-обработчик события клика
function handleClick() {
  // Добавляем класс "active" к элементу
  this.classList.add("active");
  // Удаляем обработчик события клика, чтобы класс добавлялся только один раз
  this.removeEventListener("click", handleClick);
}

// Добавляем обработчик события "click" на элемент
myButton.addEventListener("click", handleClick);