I have multiple buttons with different values.
<button data-action="digit" class="button" id="id1">1</button> <button data-action="digit" class="button" id="id2">2</button> <button data-action="digit" class="button" id="id3">3</button>
And I use buttons to javascript and display my button value:
function digit_pressed(digit) { console.log("digit pressed: " + digit); }
but I don’t know what to add to my code. Please help
Apply this code. I think it will helpful for you
document.querySelectorAll('button').forEach(el =>{ el.addEventListener('click', () =>{ digit_pressed(el.textContent); }); }); function digit_pressed(digit) { console.log("digit pressed: " + digit); }
HTML
<button data-action="digit" class="button" id="id1">1</button> <button data-action="digit" class="button" id="id2">2</button> <button data-action="digit" class="button" id="id3">3</button>
Question and answer is powered by AnsPress.io