Por favor discúlpeme como si esto pareciera una pregunta simple. Quiero actualizar la suma cada vez que se presiona la tecla de la barra espaciadora junto con la actualización del HTML interno. Cada vez que presiono la barra espaciadora, simplemente concatena mi variable de suma en lugar de simplemente agregarla.
HTML
<div class="sec1 sec"> <h1>Spacebar Challenge</h1> </div> <div class="sec2 sec"> <p> You have hit the spacebar <span>0</span> times. </p> <div class='button'><button>Restart</button> </div> </div> <div class="sec3 sec"></div> <script src="app.js"></script>JS
let span = document.querySelector("span") document.body.addEventListener("keyup", function (e) { let sum = 0 if (e.code === "Space") { sum += 1 } span.innerHTML += sum })Probar:
let span = document.querySelector("span") let sum = 0 document.body.addEventListener("keyup", function(e) { if (e.code === "Space") { sum += 1 } span.innerHTML = sum }) <div class="sec1 sec"> <h1>Spacebar Challenge</h1> </div> <div class="sec2 sec"> <p> You have hit the spacebar <span>0</span> times. </p> <div class='button'><button>Restart</button> </div> </div> <div class="sec3 sec"></div> <script src="app.js"></script>