我正在尝试进行测试 html，其中按下按钮会沿着从 0 开始的数组索引移动

Question

当我测试这段代码时它只显示 0，尽管有按钮功能运行。我做错了什么？由于我只是从 JavaScript 开始，我希望得到深入的回答。

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>

Answer 1

除了一堆其他样式问题之外，您的 innerHTML 分配不在 onclick、“myFunc”处理程序中，因此它从未被执行。此外，如果点击次数过多，您的函数将超出数组限制。

<!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>

我正在尝试进行测试 html，其中按下按钮会沿着从 0 开始的数组索引移动

I'm trying to make a test html where pressing a button moves along the index of an array which starts at 0

html

javascript

arrays

variables