作为一项任务,我将在按下按钮时使交通灯顺序改变。我将通过使用变量并在每次显示图像时向其添加一个来做到这一点,因此计算机通过使用if和elses知道下一个要显示的图像,但是我不擅长JavaScript,它不会运行我已经在许多不同的环境中尝试过,例如在Dreamweaver和记事本++中,但是不会在这里是我所拥有的得到:Javascript图像切换序列
<HTML>
<head>
<title>Untitled Document</title>
</head>
<body>
<img id="IMAGE" width="100" height="200"></img>
<button onClick="imageswap(a)">GO</button>
</body>
<script>
var a = 0
function imageswap(a)
{
if (var a==0) {
document.getElementById('IMAGE').src='red_empty_empty.png';
var a + 1;
}
else if (a==1)
{
document.getElementById('IMAGE').src='empty_amber_empty.png';
var a + 1;
}
else
{
document.getElementById('IMAGE').src='empty_empty_red.png';
var a==0;
}
}
</script>
</html>
谢谢你的阅读,我会很感激任何人的帮助。
编辑: 我已经采取了反馈意见,并修改了我的代码,但是当测试它不显示图像我想代替小x。
<HTML>
<head>
<title>JAVASCRIPT</title>
</head>
<body>
<img id="IMAGE" width="100" height="200"></img>
<button onClick="imageswap()">GO</button>
</body>
<script>
var a = 0
function imageswap()
{
if (a=0) {
document.getElementById('IMAGE').src='red_empty_empty.gif';
a = a + 1;
}
else if (a==1)
{
document.getElementById('IMAGE').src='empty_amber_empty.gif';
a = a + 1;
}
else
{
document.getElementById('IMAGE').src='empty_empty_red.gif';
var a=0;
}
}
</script>
</html>
编辑: 我已考虑到了一些建议,现在当我点击按钮第一图像示随后在第二次按下按钮第二然而它未能显示第三图像和所述第一和第二个图像不总是第一次工作。
<HTML>
<head>
<title>JAVASCRIPT</title>
</head>
<body>
<img id="IMAGE" width="100" height="200"></img>
<button onClick="imageswap()">GO</button>
</body>
<script>
var a = 0;
function imageswap() {
if (a == 0) {
document.getElementById('IMAGE').src = 'red_empty_empty.gif';
a += 1;
} else if (a == 1) {
document.getElementById('IMAGE').src = 'empty_amber_empty.gif';
a += 1;
} else {
document.getElementById('IMAGE').src = 'red_empty_empty.gif';
a = 0;
}
}
</script>
你有几个语法错误。使用[JSHint](http://jshint.com/)找到它们。 – Xufox
在第3行jshint给了我错误“预期的标识符,而是看到'var'。”但我不明白如何解决这个问题,请解释一下? – benisbestpokemongo