Construyo un sitio web que toma del número de usuario y realiza operaciones matemáticas específicas haciendo clic en los botones, por ejemplo, el usuario escribe '100' y hace clic en el botón 15%, la aplicación imprimirá en el registro de la consola 15 ahora el usuario cambia el valor anterior en el campo de entrada a '80 y presione el mismo botón 15%, debería imprimir '12' pero no, sigue siendo el mismo resultado '15' si quiero el resultado necesito volver a cargar la página, ¿cómo puedo hacer que el resultado cambie cada vez que el usuario cambie el valor de entrada en javascript, aquí código simple para más detalles:
HTML:
<input type="number" id="ID"> <button id="Button">15%</button>JAVASCRIPT:
const input= document.getElementById("ID"); const button = document.getElementById("Button"); button.addEventListener('click', ()=>{ const operation = input.value * 0.15; console.log(operation); });No está restableciendo el valor de entrada de la pila de memoria, por lo que cuando intenta llamar al valor de la variable, su programa usa el primer valor almacenado para esa variable. Intente instanciar su variable de entrada en la función de escucha de eventos para que cada vez que llame a esta operación esté tomando el nuevo valor en su variable.
<div id="result"></div> <input type="number" id="ID"> <button id="Button">15%</button> const button = document.getElementById("Button"); button.addEventListener('click', ()=>{ const input= document.getElementById("ID"); const operation = input.value * 0.15; console.log(operation); document.getElementById("result").innerHTML=`${operation}`; });