Me gustaría que esta función reinicialice el contador cada vez que haya un cambio en la entrada de texto
Este es mi código JavaScript actual:
let counter = 0 const button = document.getElementById('updatePic') button.addEventListener('click', getimages) button.addEventListener('click', function() { counter++; console.log(counter); if ( document.getElementById("dateUserInput").innerHTML /*reset everytime theres a new input*/ ){ counter = 0 } }); Cada vez que se hace clic en el botón, el contador se incrementa ( counter++ ).
Y quiero que el contador se reinicie cada vez que cambie el texto en la entrada #dateUserInput .
¿Cuál es la forma más eficiente de lograr esto?
Cree el detector de eventos fuera de su clic de botón. Y use el evento "input" para su elemento #dateUserInput :
let counter = 0 const elButton = document.getElementById("updatePic"); const elInput = document.getElementById("dateUserInput"); elButton.addEventListener("click", () => { getimages(); counter += 1; }); elInput.addEventListener("input", () => { counter = 0; // reset counter });