Question

好的，所以我正在参加我的GCSE课程，而且我的剧本遇到了问题

问题是我的脚本按钮不适用于JavaScript

这是脚本;

</head>
<h1>Traffic Light Sequence</h1>

<img id="Red.jpg" src="Red.jpg">

<button type="button" onclick="changeLights()">Change Lights</button>

<script>
var list=["Red.jpg","Amber.jpg","Green.jpg","Amber.jpg"]

var count:0,1

function changeLights() {
var image = document.getElementById('Red.jpg');
if list=0 {
    image.src=list[0];
if list=1 {
    image.src=list[1];
} else if list=2 {
    image.src=list[2];
} else > 3 {
    image.src=list[3];
}

}

</script>

</body>
</html>

我已经清楚地创建了按钮，创建了一个onClick，并用它打开了一个函数

Answer 1

快速浏览一下这里有很多不妥之处...

ln -s /usr/bin/php70 /usr/local/bin/php php -v属性

javascript:

在声明onclick变量
我不知道这甚至是什么：list而不是语法错误。也许你的意思是var count:0,1？（也忘记了那里的分号。）但你永远不会使用这个变量，所以你甚至不需要它。
你在这里忘记了分号：var count = 0;，但你甚至根本不需要这行代码，因为它没有做任何事情。
document.addEventListener("click")条件需要使用括号，需要使用if（相等）而不是==（赋值）：=
您在第一个if (list==0)阻止后忘记了结束}。
这是语法错误：if else > 3只是else，没有任何条件可以使用它。
此外，你甚至在那些else条件中查看了什么？列表永远不会等于整数。我甚至不确定在这里建议什么。用简单的英语，你要求 if检查什么？

我可能还有更多错过...

Answer 2

看一下这段代码（https://jsfiddle.net/6d3tkm6y/）：

<h1>Traffic Light Sequence</h1>

<img id="Red.jpg" src="Red.jpg">

<h2 id="display">Red</h2>

<button type="button" onclick="changeLights()">Change Lights</button>

<script>
  var list=["Red.jpg","Amber.jpg","Green.jpg","Amber.jpg"];
  var index = 0;

  function changeLights() {
    var image = document.getElementById('Red.jpg');
    var display = document.getElementById('display');
    index = (index + 1) % 4;
    image.src = list[index];
    display.innerHTML = list[index];

  }
</script>

我的代码中的display元素只在那里，因此您可以看到光线发生了什么，因为我没有您正在使用的图像文件。

您不需要任何if..else if语句。您可以使用index循环遍历数组。 % 4一旦达到四个就会自动包裹你的索引（所以你只需要将它增加一个）。这样，您的功能基本上减少到3行。

此外，您应该更多地了解一些常规的JavaScript语法;）

Answer 3

您的代码存在大量语法和逻辑错误。无论如何，在这里它被纠正，加上文本字段。

<h3>Traffic Light Sequence</h3>

<img id="Red.jpg" src="Red.jpg">
<div id="example">
  Red.jpg
</div>
<button type="button" onclick="changeLights()">Change Lights</button>

<script>
  var list = ["Red.jpg", "Amber.jpg", "Green.jpg", "Amber.jpg"]
  var count = 0;
  function changeLights() {
    count+=1;
    if(count==4)
      count = 0;
    var image = document.getElementById('Red.jpg');
    image.src = list[count];
    //extra code because I don't have images
    var example = document.getElementById('example');
    example.innerHTML = list[count];
  }
</script>

Fiddle.

我的HTML按钮没有在Javascript中运行

3 个答案: