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

Question

[Имя Фамилия]

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

<div class="one"></div>
<div class="two"></div>

Как на чистом javascript сделать, чтобы при клике на первый div ко второму div добавился класс "three"?
И при повторном нажатии этот класс удалялся?

Comments

[0xD34F]

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

Нет, спасибо, не надо.

Что, русский язык не родной?

Answer 1

[0xD34F]

const buttonSelector = '.one';
const contentSelector = '.two';
const className = 'three';

Сколько таких пар элементов? Если одна:

document.querySelector(buttonSelector).addEventListener('click', () => {
  document.querySelector(contentSelector).classList.toggle(className);
});

Несколько:

document.addEventListener('click', e => {
  const button = e.target.closest(buttonSelector);
  if (button) {
    const index = [...document.querySelectorAll(buttonSelector)].indexOf(button);
    document.querySelectorAll(contentSelector)[index].classList.toggle(className);
  }
});

// или

const buttons = document.querySelectorAll(buttonSelector);
const contents = document.querySelectorAll(contentSelector);

buttons.forEach(n => n.addEventListener('click', onClick));

function onClick(e) {
  const index = Array.prototype.indexOf.call(buttons, e.currentTarget);
  contents[index].classList.toggle(className);
}

Answer 2

[h88p]

document.querySelector('.one').addEventListener('click', _=> {
	document.querySelector('.two').classList.toggle('three');
})