Выбрать все элементы с одинаковым классом js

Всем привет, хочу чтобы всем элементам с одинаковым классом добавлялся класс через js. Но могу сделать так, чтобы работало только для 1 элемента. Думал может надо перебрать, но так не получается. Как можно реализовать? Только без jquery, пожалуйста)

html

<button class="intro_btn">Кнопка</button>
<button class="intro_btn">Кнопка</button>
<button class="intro_btn">Кнопка</button>
<button class="intro_btn">Кнопка</button>
<div class="toast">
    test
</div>

js

const elements = document.querySelector('.intro_btn')
for (let elem of elements) {
    elements.onclick = function() {
        document.querySelector('.toast').classList.add('toast__add');
        setTimeout(function() {
            document.querySelector('.toast').classList.remove('toast__add');
        }, 2500);
    };
}

codepen