Добавление и удаление класса при нажатии на элемент

document.querySelector('.label')
  .onclick = function() {
  if (this.classList.contains('checked')) {
  this.classList.remove('checked')
  } else {this.classList.add('checked')}
}
.label {
  background-color: yellow;
}

.label.checked {
  background-color: green;
}
<div class=label>Label</div>

вариант 2

document.querySelectorAll('.label').forEach(label =>
  label.addEventListener('click', function() {
    this.classList.toggle('checked');
  }))
.label {
  background-color: yellow;
}

.label.checked {
  background-color: green;
}
<div class=label>Label</div>
<div class="label checked">Label</div>

вариант 3

var checked = document.querySelector('#add_check');
checked.onclick = function(){
    this.classList.toggle('check');
    console.log(checked)
};
<div id="add_check">add_check</div>

Источник