Arrays I'；I’这个代码有问题，图像名称是正确的；我该怎么办？我如何解决这个交通灯序列？_Arrays_If Statement

Arrays I'；I’这个代码有问题，图像名称是正确的；我该怎么办？我如何解决这个交通灯序列？

arrays if-statement

Arrays I'；I’这个代码有问题，图像名称是正确的；我该怎么办？我如何解决这个交通灯序列？,arrays,if-statement,Arrays,If Statement,我一直在尝试创建一个JavaScript交通灯序列作为实验。代码似乎是正确的，但出于某种原因，它不起作用。有人能帮忙吗 <!DOCTYPE html> <html> <body> <h1>Traffic Lights Task 3 JavaScript Controlled Assesment 2017</h1> <img id="Traffic_Lights" src="RED.png"> <b

我一直在尝试创建一个JavaScript交通灯序列作为实验。代码似乎是正确的，但出于某种原因，它不起作用。有人能帮忙吗

<!DOCTYPE html> 
<html>

<body>

  <h1>Traffic Lights Task 3 JavaScript Controlled Assesment 2017</h1> 

  <img id="Traffic_Lights" src="RED.png">
  <button type="button" onclick="changeLights()">Change Lights</button>   

<script>

    var image = ["RED.png","AMBERRED.png","GREEN.png","AMBER.png"];

    var Traffic_Light_Sequence = document.getElementById('Traffic_Lights');

    function changeLights() {

      if (Traffic_Lights.src == "RED.png") {
      Traffic_Lights.src = image[1];
    } else if (Traffic_Lights.src == "AMBERRED.png") { 
      Traffic_Lights.src = image[2];
    } else if (Traffic_Lights.src == "GREEN.png") { 
      Traffic_Lights.src = image[3];
    } else {
      Traffic_Lights.src = image[0]

    }
    } 

  </script>  
</body>


2017年交通灯任务3 JavaScript控制评估
换灯
var image=[“RED.png”、“AMBERRED.png”、“GREEN.png”、“AMBER.png”]；
var Traffic_Light_Sequence=document.getElementById（'Traffic_Lights'）；
函数changeLights（）{
如果（Traffic_Lights.src==“RED.png”）{
Traffic_Lights.src=图像[1]；
}else if（Traffic_Lights.src==“AMBERRED.png”）{
Traffic_Lights.src=图像[2]；
}else if（Traffic_Lights.src==“GREEN.png”）{
Traffic_Lights.src=图像[3]；
}否则{
Traffic_Lights.src=图像[0]
}
}

关于您的代码，我有一些问题：变量

交通灯

和变量

交通灯序列

之间有什么区别？为什么变量

交通灯未在任何地方初始化？为什么在函数结束之前，Traffic\u Lights\u Sequence
没有初始化？图像id=Traffic\u Lights我要问的是名为Traffic\u Lights
的javascript变量，而不是id设置为“Traffic\u Lights”
“Traffic\u Lights”的html元素应该显示交通灯序列处于哪个阶段。e、 g.如果交通灯序列的阶段（“交通灯”）为红色，则图像应更改为序列中的下一阶段。可悲的是，它似乎不起作用。。。