Estoy tratando de addEventListener a todos mis botones. Esta es la primera vez que uso addEventListener y no está ejecutando la función usergetNumber que debería mostrar un número aleatorio cuando se hace clic en cualquier botón.
const btns = document.querySelectorAll(".button"); btns.forEach(function(i) { i.addEventListener('click', usergetNumber(){ }); function usergetNumber(){ const userRanNum = Math.floor(Math.random() * 10) userscore_div.innerHTML = "You have " + userRanNum + " points"; computergetNumber(); function computergetNumber(){ const compRanNum = Math.floor(Math.random() * 10) computerscore_div.innerHTML = "You have " + compRanNum + " points"; } What am I doing wrong?De arriba a abajo.
usergetNumber() { ... } en addEventListener() . Es una declaración de función, no una devolución de llamada aquí. Ref: Devoluciones de llamada del detector de eventos .usergetNumber() { ... por lo que no se declara. He aquí un ejemplo básico. También puede simplemente return y no console.log . Aquí, solo estoy tratando de duplicar la lógica.
const btn = document.querySelectorAll('button'); function getRandomNum() { let randomNum = Math.random(); console.log(randomNum); } btn.forEach(function(button) { button.addEventListener('click', getRandomNum); });