Как можно получить второй class ?

[maxim1978]

Имеем div с двумя class. Выглядит это так

<div class="item red"></div>
<div class="item green"></div>
<div class="item blue"></div>
<div class="item yellow"></div>

Потребовалось получить при клике второй class я это делал так

document.querySelectorAll(".item").forEach(function (el) {
  el.addEventListener("click", function (event) {
    document.body.style.event.target.className.slice(4);
  });
});

Этот код обозвали гов.... и хардкором

Как можно получить второй class но другим способом ?

Тут моя попытка : https://codepen.io/topicstarter/pen/vYXvPMg

[maxim1978]

решено

document.querySelectorAll(".item").forEach((el) => {
  el.addEventListener("click", (event) => {
    document.body.style.backgroundColor = getComputedStyle(
      event.target
    ).backgroundColor;
  });
});

[рони]

maxim1978,
а так сможешь вместо forEach

document.body.addEventListener("click", function(event)  {

[maxim1978]

document.body.addEventListener("click", function(event)  {

как это ?

[рони]

maxim1978,
Делегирование событий

[maxim1978]

maxim1978,
Делегирование событий

у меня разве не это ?

[рони]

maxim1978,
у вас на каждом item клик, а можно сделать обработчик клика только на body.

[maxim1978]

maxim1978,
у вас на каждом item клик, а можно сделать обработчик клика только на body.

я не понял как - покажите ?

[рони]

maxim1978,
в доке всё написано, и у вас практически готовый код , только добавить 1 строку из примеров по ссылке. ... ну или ждите, может кто быстрее?

[maxim1978]

maxim1978,
в доке всё написано, и у вас практически готовый код , только добавить 1 строку из примеров по ссылке. ... ну или ждите, может кто быстрее?

я пол ночи просидел с этой штукой - ладно забейте