Tengo varios botones que contienen diferentes valores.
<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>Y quiero que estos botones se muestren en mi calculadora usando esto en javascript:
function digit_pressed(digit) { console.log("digit pressed: " + digit); }Pero no estoy seguro de qué agregar a mi función. Cualquier ayuda sería muy apreciada :)
Puede usar querySelectorAll para seleccionar todo el button , luego use addEventListener para agregar un evento de clic y el último paso use textContent para el número de dígitos y la función de llamada.
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>Referencia: