Найти все кнопки button на странице через JS и дать класс

У меня такая задача, нужно с помощью JS, найти все кнопки из дива .buttons и задать им класс. Никак не могу справляться с этим, я не очень разбираюсь пока что. Какие варианты решения можете предлагать ? Спасибо.

<div class="buttons">
  <button type="button" onclick="">
    <span>В корзину</span>
  </button>
</div>


Ответы (1 шт):

Автор решения: OPTIMUS PRIME

>> CSS селекторы

let buttons = document.querySelectorAll('.buttons button');

buttons.forEach( button => button.classList.add('red') );
.red { color: red; border: 2px solid red; margin: 5px; }
<div class="buttons">
  <button> - - - </button>
  <button> - - </button>
</div>

<div class="buttons">
  <button> - - - </button>
</div>

Или же,

for( let i = 0; i < buttons.length; i++ ) {
  buttons[i].classList.add('red');
}
→ Ссылка