gpt4 book ai didi

javascript - 交通灯顺序灯不会改变

转载 作者:行者123 更新时间:2023-12-02 14:15:25 25 4
gpt4 key购买 nike

我正在尝试使用 html 和 JavaScript 创建交通灯模拟。我设法显示起始图像,但按钮不起作用。

最佳答案

就拿这个(你应该通过互联网运行它)

<html>
<body>

<p>Click the button to change to the next light.</p>

<img id="starting_light" src="http://mars.wiwi.hu-berlin.de/mediawiki/sk/images/thumb/1/1f/Red_Light_Icon.svg/232px-Red_Light_Icon.svg.png">

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

<script>

var lights = new Array("http://mars.wiwi.hu-berlin.de/mediawiki/sk/images/thumb/1/1f/Red_Light_Icon.svg/232px-Red_Light_Icon.svg.png","https://upload.wikimedia.org/wikipedia/commons/thumb/4/45/Yellow_Light_Icon.svg/232px-Yellow_Light_Icon.svg.png","https://upload.wikimedia.org/wikipedia/commons/4/4b/Green_Light_Icon.svg");



var index = 0;
var lightsLen = lights.length;

function nextLightClick() {
index++;

if (index == lightsLen)
index = 0;

var image = document.getElementById('starting_light');
image.src = lights[index];
}
</script>

</body>
</html>

关于javascript - 交通灯顺序灯不会改变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39079907/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com