Как при нажатии на блок с id="какой-то текст" добавить стили к блоку, у которого class="такой же текст"?

Question

[SobolevVladimir]

Есть список ul>li и очень много тэгов p. Нужно, чтобы при нажатии на li, брался его id и ко всем стилям, у которых class имеет такое же значение, применялись определенные стили. Как такое сделать?

Answer 1

[0xD34F]

function onClick() {
  const color = `#${(Math.random() * 0xFFFFFF | 0).toString(16).padStart(6, 0)}`;
  document.querySelectorAll(`.${this.id}`).forEach(n => {
    n.style.backgroundColor = color;
  });
}

document.querySelectorAll('li').forEach(n => n.addEventListener('click', onClick));

Comments

[SobolevVladimir]

Спасибо Вам огромное