在页面上实现开关灯效果(javascript实现)

最新推荐文章于 2022-12-07 20:13:48 发布

Forever 7th

最新推荐文章于 2022-12-07 20:13:48 发布

阅读量684

点赞数 2

分类专栏： javascript 文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/weixin_65533473/article/details/127784683

版权

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个简单的JavaScript示例，通过点击按钮实现黑色和白色背景的切换，展示了前端交互的基本动态效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
        var flag=0;
       var btn=document.querySelector('.btn')
       var black=document.querySelector('.black')
       btn.onclick=function()
       {
        if(flag==0)
        {
            black.style.background='black'
            flag=1;
        }
        else
        {
            black.style.background='white'
            flag=0;
        }
       }
    </script>