javascript流程控制---流程控制开关

流程控制语句--流程控制开关：可以实现 一开 一关的效果

流程控制开关 需要借助 布尔值true  false

例如：

  <h1>流程控制语句--流程控制开关：可以实现 一开 一关的效果</h1>

    <button id="btn">关</button>
    <script>
        // 抓取元素
        var btn = document.getElementById('btn');
        console.log(btn);
        // 定义一个开关变量
        var open = true;
        
        // 单击按钮
        btn.onclick = function(){

         // 在js语言中，只要提到是...就写 ==   open == true可以简写成 open
        if(open == true){
            // 1.改变页面背景颜色
            document.body.style.backgroundColor = 'black';
            // 2.把open这个变量进行重新赋值
            open = false;
            console.log(open);
            // 3.把按钮上的字进行替换
            btn.innerHTML = '请开灯！！！';

        }
        else{
            // 1.改变页面背景色 白色
            document.body.style.backgroundColor = '';
            // 2.把open这个变量进行重新赋值
            open = true;
            console.log(open);
            // 3.把按钮上的字进行替换
            btn.innerHTML = '请关灯！！！';

        }
    }
    </script>

console预览效果