我的交通灯代码无法工作。它说第 30 行有语法问题,我不知道如何修复它。我还需要制作相同的代码,但是当我每次按下“更改灯”按钮时,应该会出现与交通灯不同的颜色图像。然而,当我尝试通过按下按钮来改变信号灯时,交通灯保持红色并且不会变为琥珀色。
<!DOCTYPE html>
<html>
<body>
<h1>Traffic Light</h1>
<button type="button" onclick="changeLights"()>Change Lights </button>
<script>
var traffic_light = new Array (3)
function lights(){
traffic_light = new Image(300,150)
traffic_light.src = "traffic_light_red.jpg";
traffic_light = new Image(300,150)
traffic_light.src = "traffic_light_redAmb.jpg";
traffic_light = new Image(300,150)
traffic_light.src = "traffic_light_green.jpg";
traffic_light = new Image (300,150)
traffic_light.src = "traffic_light_amber.jpg";
}
function change() {
traffic_lights++
var traffic_lights = 0
number == number +1
}
document.traffic_light_images.src = traffic_light[traffic_lights].src
}
</script>
<img src = "traffic_light_red.jpg" name "traffic_light_images" height = "300" width = "150">
</body>
</html>
最佳答案
我看到了一些东西(我没有尝试执行你的代码):
- 前几个缺少逗号:
示例:
var traffic_light = new Array (3)
那么不是特别的语法错误,而是这一行:
number == number +1//缺少逗号
这是一个比较,你可能想增加,但我不知道你的目的
- 您的示例中未定义函数changeLights()。
关于JavaScript 代码 : Traffic lights,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41827457/