Как с помощью JS задать класс всем кнопкам сразу?

Question

[Владимир]

Я не не разбираюсь в JS но вот написал код.. тут при нажатии на кнопку задается класс messege1 со стилем display: block;
Но у меня таких кнопок несколько а класс применяется только к первой. Как задать данный класс сразу всем кнопкам?

var button = document.querySelector('.button1');
 var messege = document.querySelector('.messege');

button.addEventListener('click', function () {
    messege.classList.add('messege1');
 });

Comments

[Kutuzov_ska]

querySelectorAll ?

[Alex]

Я не не разбираюсь в JS

. Значит всё таки разбираетесь? :)

[Владимир]

Kutuzov_ska, нет не подходит

Answer 1

[DanKud]

var messege = document.querySelectorAll('.messege');
.....
messege.forEach(element => {
  element.classList.add('messege1');
});

Answer 2

[ReActor Дмитрий Вершанский]

Используйте цикл for к примеру

Answer 3

[tyzberd]

https://codepen.io/tyzberd/pen/mgEeRY

Comments

[Владимир]

тоже только на одной работает кнопке