Javascript 交通灯顺序_Javascript_Html

Javascript 交通灯顺序

javascript html

Javascript 交通灯顺序,javascript,html,Javascript,Html,我正在帮助我5岁的儿子完成一个交通信号灯序列，因为它是如此的雄辩，我检查了多个来源，我只是不明白为什么我的代码不起作用这是： </body> <!DOCTYPE html> <html> <body> <img id="light" src="Red.png"> <script> var list= ['Green.png', 'Yellow.png', 'Red.png']; var i = 0; functio

我正在帮助我5岁的儿子完成一个交通信号灯序列，因为它是如此的雄辩，我检查了多个来源，我只是不明白为什么我的代码不起作用

这是：

</body>
<!DOCTYPE html>
<html>

<body>

<img id="light" src="Red.png">

<script>
var list= ['Green.png', 'Yellow.png', 'Red.png']; 
var i = 0;
function lightsCycle() {
    i = i + 1;
    i = i % arr.length;
    if (i == list.length) i = 0; 
    return arr[i];
    var image = document.getElementById(element).src = list[i].src;;
            light.src=list[i];
</script>

<button type = "button" onclick="lightCycle()">Next Light</button>

</html>

错误

你的结束语标签放错地方了您有一个lightsCycle函数，但正在调用lightCycle 您在函数末尾忘记了一个括号您正在使用不存在的变量arr 你有一个返回arr[i]；代码中间的语句。下一行代码将不会执行请参阅下面的代码以获得一个简单的示例。我用颜色替换了图像

要使用图像获取代码，请执行以下操作：

按图像路径替换颜色

替换为

变量列表=[“绿色”、“黄色”、“红色”]； var指数=2；功能光周期{ document.getElementByIdlight.style.color=list[++索引%list.length]；； } ● 下一道亮光应为i%list.length

应该是var light=document.getElementByIdlight.src=list[i]

应为onclick=lightsCycle 你需要在按钮后面加上body标签。不需要带模数的if语句。 light.src=list[i]；这是重复的。你需要一个结束括号的功能。返回将阻止src更改

var list=['Green.png'，'Yellow.png'，'Red.png']； var i=0；功能光周期{ i=i+1； i=i%列表长度； var light=document.getElementByIdlight.src=list[i]； } 下一道亮光

定义不起作用您的结束标记出了什么问题？lightCycle vs LightsCycle在这里编辑时该标记放错了位置-它在原始代码上，其他错误我没有任何借口-我一团糟

i = i % arr.length;

var image = document.getElementById(element).src = list[i].src;;

onclick="lightCycle()"