0

Всем привет, хочу чтобы всем элементам с одинаковым классом добавлялся класс через 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

1 ответ 1

2

Вместо

const elements = document.querySelector('.intro_btn')

надо

const elements = document.querySelectorAll('.intro_btn')

а вместо

elements.onclick = function() {     

надо

elem.onclick = function() {     
1
  • Спасибо, все гуд. Вот делал также, но про заменить elements на elem не дошло
    – sk1p96
    19 июл 2022 в 6:14

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.