Lo que quiero es, al hacer clic en el botón, se debe consolar la suma del valor en dos textos de entrada, pero para Cualquier valor para dos textos de entrada que doy, siempre da 0,0 como salida, ¿qué estoy haciendo mal? Y dado que ambos son 0, su suma también se convierte en 0. HTML
<!DOCTYPE html> <html> <head> <title>WeB </title> </head> <body> <input type="number" id = "num1" > <input type="number" id = "num2" > <button id = "add">+</button> <script src = "app.js"></script> </body> </html>JS
let num1 = Number(document.getElementById('num1').value) let num2 = Number(document.getElementById('num2').value) document.getElementById("add").addEventListener("click",function(){ console.log(num1,num2); console.log(num1+num2); })Debe obtener el valor más reciente de la entrada al hacer clic en el botón
document.getElementById("add").addEventListener("click", function() { let num1 = Number(document.getElementById('num1').value) let num2 = Number(document.getElementById('num2').value) console.log(num1, num2); console.log(num1 + num2); }) <input type="number" id="num1"> <input type="number" id="num2"> <button id="add">+</button>Este es el orden de los hechos:
Las variables aún contienen los valores desde el momento en que lee las entradas
Debe mover el paso 1 para que vaya dentro del paso 4 (es decir, dentro de la función que usa como detector de eventos)