Sin jQuery, me gustaría ejecutar una parte específica de un botón BUTTON
solo la primera vez que se hace clic en él, lo que significa que el código específico no se ejecutará después de hacer clic en el botón, mientras que el resto del código del botón funciona como de costumbre. ¿Cómo hago esto?
let btn = document.getElementById("btn"); let num = document.getElementById("num"); function add(){ num.innerHTML++; //specific code (+5 the first time one clicks the button)goes here please// } btn.addEventListener("click",add);
<button id="btn">BUTTON</button> <span id="num">0</span> <p> first click the button would add 5 to the number, then it will only add 1 each time. </p>
Utilice una variable que recuerde cada vez que se ha hecho clic en el botón.
let btn = document.getElementById("btn"); let num = document.getElementById("num"); let btnClicked = false; function add() { if (!btnClicked) { num.innerHTML = +num.innerHTML + 5; btnClicked = true } else { num.innerHTML++; } } btn.addEventListener("click", add);
<button id="btn">BUTTON</button> <span id="num">0</span>