Question

我的交通灯代码无法正常工作。它说第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>

Answer 1

我看到了一些事情（我没有尝试执行你的代码）：

首先是许多错过逗号：

例如：

var traffic_light = new Array (3)

然后不是特别是语法错误，而是这一行：

number == number +1 //并且逗号丢失

这是一个比较，您可能想要增加，但我不知道您的目的

您的示例中未定义函数changeLights（）。

JavaScript代码：交通灯

1 个答案: