Как добавить класс всем ul внутри div по клику?

Question

[aviatoru]

Помогите переписать скрипт. Сейчас по клику добавляется и удаляются дополнительный класс к элементу. Мне нужно сделать все тоже самое но добавлять класс ко всем ul на странице. Спасибо

const btnn = document.querySelector('#btnn');
    btnn.addEventListener('click', () => {
      [...document.querySelectorAll('.right-answer')]
        .forEach(el => el.classList.toggle('show'));
        ul.classList.toggle('show');
        btnn.classList.toggle('show');
    });

Comments

[Sergey]

Учите css селекторы, или мы за вас это должны делать?

Answer 1

[Павел]

Это не весь код? Что такое ul?
Тем не менее, вам нужно выбрать все ul на странице
document.querySelectorAll('ul')
И добавлять каждому элементу класс show
.forEach(el => el.classList.toggle('show'));
С вашим примером, наверное так. Но, что такое ul.classList.toggle('show');

const btnn = document.querySelector('#btnn');
    btnn.addEventListener('click', () => {
      [...document.querySelectorAll('ul')]
        .forEach(el => el.classList.toggle('show'));
        ul.classList.toggle('show');
        btnn.classList.toggle('show');
    });

Comments

[aviatoru]

Спасибо за подробное объяснение.
Я делаю страничку с тестом на которой планирую подсвечивать правильные ответы добавив класс всем ul. Возможно будет лучше если выбирать все ul внутри .

<div class="question">
    <p>Первый вопрос</p>
    <ul>
        <li>Неправильный ответ</li>
        <li class="right-answer">Правильный ответ</li>
    </ul>
    <p>Второй вопрос</p> 
    <ul>
        <li>Неправильный ответ</li>
        <li class="right-answer">Правильный ответ</li>
    </ul>
</div>