1.电灯开关

电灯开关

<img id="light" src="91526d27fc3de00e472aa1063946cea7.jpg">
<script>
    /*
    获取图片对象
    绑定单机事件
    每次点击切换图片
        规则
            如果是开on切换为off
            如果是关off，切换图片为on
         使用标记flag完成
     */
    //获取图片对象
    var light = document.getElementById("light");
    var flag = false;//代表灯是灭的
    light.onclick = function () {
        if (flag) {
            light.src = "91526d27fc3de00e472aa1063946cea7.jpg";
            flag = false;
        } else {
            light.src = "QQ图片20200616184146.jpg";
            flag = true;
        }
    }
</script>