JS电灯开关

最新推荐文章于 2022-11-22 19:41:57 发布

凌虚95

最新推荐文章于 2022-11-22 19:41:57 发布

阅读量206

点赞数

文章标签： js

本文链接：https://blog.csdn.net/weixin_45849948/article/details/105893291

版权

题目

使用JS来进行对电灯开关的控制

分析

通过将电灯泡的图片进行单击绑定通过点击来进行电灯泡的关灭

程序代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    
    <script>

        var flag = false;//代表关闭
        function fun(){
            var light = document.getElementById("light");
            if(flag){
                light.src="img/off.gif";
                flag = false;
            }else{
                light.src="img/on.gif";
                flag = true;
            }
        }
    </script>
    
</head>
<body>
<img id="light" onclick="fun();" src="img/off.gif" alt="">
</body>
</html>

运行结果

结果就是浏览器上面有一个电灯泡的图片，点击就可以更改电灯泡的关灭

凌虚95

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS电灯开关

题目使用JS来进行对点灯开关的控制分析通过将电灯泡的图片进行单击绑定通过点击来进行电灯泡的关灭程序代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <scr...
复制链接

扫一扫