Cuando pruebo este código, solo muestra 0, a pesar de que la función del botón se está ejecutando. ¿Qué he hecho mal? Como solo estoy comenzando con JavaScript, agradecería una respuesta detallada.
var y = 1; myFunction(); function myFunc() { var z = 1 var x = y + z; y = x alert("f"); } function myFunction() { y = 0; alert("sdrz"); } const numbers = ["0", "1", "2", "3"]; document.getElementById("demo").innerHTML = numbers[y]; <p id="demo"></p> <button onclick="myFunc()">+1</button>Aparte de un montón de otros problemas de estilo, su asignación de HTML interno no estaba en el controlador onclick, "myFunc", por lo que nunca se ejecutó. Además, su función excederá los límites de la matriz si se hace clic en ella demasiadas veces.
<!DOCTYPE html> <html> <body > <p id="demo"></p> <button onclick="myFunc()">+1</button> <script> const numbers = ["0", "1", "2", "3"]; var y=0; function myFunc() { document.getElementById("demo").innerHTML = numbers[y]; y++; } </script> </body> </html>