开关灯案例

<button>关</button>
<script>
  var btn=document.querySelector('button');//获取按钮
  var num=0;//定义全局变量
  btn.onclick=function () {//绑定点击事件
            if(num===0){//判断num等于0
              document.body.style.background='#000';
              btn.innerHTML='开';
              num=1;//代码重上向下执行，将num的值改变，实现反复操作
            }else {//条件不成立时
              document.body.style.background='#fff';
              btn.innerHTML='关';
              num=0;//然后再还原为0；
            }
  }