Estoy tratando de crear una aplicación para principiantes que aumente y disminuya un número determinado en un evento del mouse. Sin embargo, los botones actúan raro. Cada botón aumenta y disminuye, pero solo después del segundo clic. Después del primero hacen lo contrario, es decir. el botón de incremento = decrementa y viceversa. ¿Alguien puede decir por qué sucede? (Los botones funcionan de forma extraña después del primer clic y luego funcionan bien)
let batch = document.getElementById("count-el"); let batchConverted = Number(batch.innerText); const incrementBtn = document.getElementById("increment-btn"); const decrementBtn = document.getElementById("decrement-btn"); incrementBtn.addEventListener("click", increment); decrementBtn.addEventListener("click", decrement); function increment() { let batchIncrement = batchConverted++; batch.innerText = batchIncrement; } function decrement() { let batchDecrement = batchConverted--; batch.innerText = batchDecrement; } <h1>People entered:</h1> <h2 id="count-el">0</h2> <button id="increment-btn">Increment</button> <button id="decrement-btn">Decrement</button>