Блог

Главная - Вопросы по программированию - Как написать цикл for, который выбирает первую кнопку в массиве?

Как написать цикл for, который выбирает первую кнопку в массиве?

#javascript #for-loop #variables

#javascript #цикл for #переменные

Вопрос:

Как я могу добавить цикл for, чтобы просто выбирать первые кнопки div, где находится .mybuttons класс?

 var mapNumber;

const mybuttons = document.querySelectorAll('.mybuttons button');
mybuttons.forEach(mybutton => {
  mybutton.addEventListener('click', processClick);
});

function processClick() {
  window.mapNumber = this.id; // the id of the clicked button
}  
 <div class="mybuttons">
  <button id="One">One</button>
  <button id="Two">Two</button>
  <button id="Three">Three</button>
  <button id="Four">Four</button>
  <button id="Five">Five</button>
</div>

Комментарии:

1. Вы хотите выбрать кнопку One в этом случае?

2. Если вам нужна первая, вы можете легко выполнить это с помощью const myFirstButton = document.querySelector('.mybuttons > button')

3. .mybuttons > button:first-child , но это немного странно. Собираетесь ли вы делать то же самое с номерами других кнопок?