tengo problemas para el contador que he realizado en JavaScript cuando pulso el botón. He intentado varias soluciones, pero no sé porqué el contador no me lo hace bien.
let botones = document.querySelectorAll(".btn");
let valor = document.querySelector("#valor");
let contador = 0;
for (let i = 0; i < botones.length; i++) {
botones[i].addEventListener("click", () => {
if (botones[i].classList.contains("disminuir")) {
console.log(valor.innerText = contador--);
} else if (botones[i].classList.contains("incrementar")) {
console.log(valor.innerText = contador++);
} else {
console.log(valor.innerText = 0);
}
})
}
<body>
<main>
<article id="contenedor_principal">
<h1>Contador</h1>
<p id="valor">0</p>
<div id="botones"> <button class="btn disminuir" type="button">Disminuir</button> <button class="btn resetear" type="button">Resetear</button> <button class="btn incrementar" type="button">Incrementar</button> </div>
</article>
</main>
<script src="./contador.js"></script>
</body>
Un saludo y gracias!!!