Question

无法解决此问题。我下周有一个GCSE，我需要对它进行排序!!任务是创建一个交通灯（图像），每次用户单击按钮时，颜色变为绿色，然后是琥珀色，然后是红色，然后是琥珀色，然后是绿色等等。到目前为止，这是我的代码

function green() {
    document.getElementById("trafficlight").src = "http://www.clker.com/cliparts/N/Y/e/6/U/i/green-light-md.png"
}

function amber() {
    document.getElementById("trafficlight").src = "http://www.clker.com/cliparts/1/f/a/2/11949849771043985234traffic_light_red_dan_ge_01.svg.med.png"
}

function red() {
    document.getElementById("trafficlight").src = "http://www.clker.com/cliparts/8/1/7/4/11949849782053089133traffic_light_yellow_dan_01.svg.med.png"
}

<img src="http://www.clker.com/cliparts/v/d/O/m/p/E/traffic-vector-md.png" id="trafficlight" />
<button onclick="green();amber();red()" type="button">Click to change colour!</button>

Answer 1

有很多方法可以做到这一点。您可以使用switch case和每次单击时更新的全局变量。 Switch-case example

红绿灯任务GCSE下周

1 个答案: