Блог

У меня есть несколько кнопок, содержащих разные значения

 <button data-action="digit" class="button" id="1">1</button>
<button data-action="digit" class="button" id="2">2</button>
<button data-action="digit" class="button" id="3">3</button> 
 

И я хочу, чтобы эти кнопки отображались на моем калькуляторе, используя это в javascript:

 function digit_pressed(digit) {
    

    console.log("digit pressed: "   digit);
}
 

Но я не уверен, что добавить к моей функции. Любая помощь будет с благодарностью принята 🙂

Вы можете использовать querySelectorAll для выбора всех button , затем использовать addEventListener для добавления события щелчка, а последний шаг использовать textContent для количества цифр и функции вызова.

 document.querySelectorAll('button').forEach(el =>{
  el.addEventListener('click', () =>{
    digit_pressed(el.textContent);
  });
});
function digit_pressed(digit) {
  console.log("digit pressed: "   digit);
} 

 <button data-action="digit" class="button" id="1">1</button>
<button data-action="digit" class="button" id="2">2</button>
<button data-action="digit" class="button" id="3">3</button> 

Ссылка:

• querySelectorAll
• addEventListener
• textContent