利用js实现简单开关灯代码

body部分：

<button>开关灯</button>

script部分：

    <script>        // window.onload 是窗口加载事件，可以实现将代码写到元素上面        window.addeventlistener('load', function () {            var btn = document.querylector('button');       实用文体     // 定义一个变量，用来青春期孩子判断灯的开关情况            var flag = 0;            btn.onclick = function (河套大学) {                if (flag == 0) {                    document.body.style.backgroundcolor = 'black';                    flag = 1;                } el {                    document.body.style.backgroundcolor = 'pink';                    flag = 0;                }          春寒料峭  }        })    </script>

如果script直接写到button下面的话，

则采用以下代码：

<script>        var btn = document.querylector('button');        var flag = 0;        btn.onclick = function () {            if (flag == 0) {                document.body.style.backgroundcolor = 'black';                flag = 1;            } eQQ开心l {                document.body.style.backgroundcolor = 'pink';                flag = 0;            }        }    </script> 

到此这篇关于 利用js实现简单开关灯代码的文章就介绍到这了,更多相关 js实现简单开关灯内容请搜索www.887551.com以前的文章或继续浏览下面的相关文章希望大家以后多多支持www.887551.com！