js写简单开关灯案例

body部分

<button class="btn">开关灯</button>

js部分

// 1、获取元素
var btn=document. querySelector (".btn");
var html=document. querySelector("html");
// 2、注册事件
var flag=0;
btn. onclick=function(){
      if(flag==0){
         html. style. backgroundColor="black";
         flag=1;
      }else{
         html. style. backgroundColor="white";
         flag=0;
      }
}

//如果想设置彩色，只要修改背景颜色属性即
//可，flag一次等于1, 2, 3…，最后一个等于0