ссылаться на несколько переключателей как один объект

Question

У меня есть функция javascript, которая отображает все объекты в классе один за другим, выключая их при нажатии кнопки.Я хочу знать, есть ли способ обозначить группу переключателей как один объект.Я новичок в программировании, поэтому я буду признателен за простой ответ, если это возможно.Спасибо!(Я знаю, что это, вероятно, не самый эффективный способ сделать это) Это функция:

var count = 0;
function addCount() {
    var quests = document.getElementsByClassName("quest");
    if (count > 0) {
        quests[count - 1].style.display = 'none'
    }
    quests[count].style.display = 'block';
    count++;
}

<form id="form" action="#" runat="server">
    <p id="q1" class="quest">1</p>
    <p id="q1" class="quest">2</p>
    <p id="q2" class="quest">3</p>
    <p id="q3" class="quest">4</p>
    <input type="button" id="btn" onclick="addCount()" />
    <label>bnt</label>
</form>

, пока он работает с абзацами, но моя конечная цель - пройти тест, который переключает вопросы при нажатии кнопки, поэтому я хотел бы иметьвопрос для каждого объекта в массиве 'квестов'

Answer 1

Попробуйте это

const addCount = () => {
  document.querySelectorAll('.quest').forEach(e => {
    e.style.display = 'none'
  })
}

<form id="form" action="#" runat="server">
   <p id="q1" class="quest">1</p>
    <p id="q1" class="quest">2</p>
    <p id="q2" class="quest">3</p>
    <p id="q3" class="quest">4</p>
    <input type="button" id="btn" onclick="addCount()" /><label>bnt</label>
</form>

Или используйте jQuery:

const addCount = () => {
  $('.quest').hide()
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form" action="#" runat="server">
   <p id="q1" class="quest">1</p>
    <p id="q1" class="quest">2</p>
    <p id="q2" class="quest">3</p>
    <p id="q3" class="quest">4</p>
    <input type="button" id="btn" onclick="addCount()" value="Button">
</form>

Кстати: я изменил элемент input на value="Button", вы не можете использовать label для этого.