应该是交互式的功能，但只能运行一次

Question

我先从代码开始，然后说明：

        <section>
        <div id="flex">
            <img id="bulb1" src="images/lightoff.png" onclick="luce(this.id)" />
            <img id="bulb2" src="images/lightoff.png" onclick="luce(this.id)" />
            <img id="bulb3" src="images/lightoff.png" onclick="luce(this.id)" />
        </div>
    </section>




function luce(bulb) {
if (bulb == "bulb1") {
    var bulbsw = document.getElementById('bulb1');
    if(bulbsw.src == "images/lighton.png") {
        bulbsw.src = "images/lightoff.png";
    } else {
        bulbsw.src = "images/lighton.png";
    }
}

}

JavaScript代码位于外部文件中，所以我担心用这种方式粘贴它可以让您阅读。我有三个图像，它们代表三个灯泡熄灭，当我单击bulb1 alls good时，指示灯继续亮起。现在我希望如果再次单击bulb1，它会熄灭，但是什么也没发生，为什么？抱歉，我是一个初学者，我正在做练习以改善自己。非常感谢！

Answer 1

。src