开关灯案例

最新推荐文章于 2023-10-15 23:00:40 发布

Just-Lsy

最新推荐文章于 2023-10-15 23:00:40 发布

阅读量372

点赞数

分类专栏：笔记文章标签： JavaScript DOM操作事件处理颜色切换网页交互

本文链接：https://blog.csdn.net/m0_59030524/article/details/122283427

版权

笔记专栏收录该内容

69 篇文章 6 订阅

订阅专栏

<body>
    <button>关灯</button>
    <script>
        var btn = document.querySelector('button');
        var flag = 0;
        btn.onclick = function () {
            if (flag == 0) {
                btn.innerHTML = '开灯';
                document.body.style.backgroundColor = '#000';
                flag = 1;
            } else {
                btn.innerHTML = '关灯';
                document.body.style.backgroundColor = '#fff';
                flag = 0;
            }

        }
    </script>
</body>