js案例之开关灯

JavaScript案例之开关灯效果代码：

1. <button>关灯</button>
   
2.     <script>
   
3.         var body = document.body;
   
4.         var btn = document.querySelector('button');
   
5.         var flag = 0;
   
6.         btn.onclick = function() {
   
7.             if (flag == 0) {
   
8.                 body.style.backgroundColor = 'black';
   
9.                 this.innerHTML = '开灯';
   
10.                 flag = 1;
    
11.             } else {
    
12.                 body.style.backgroundColor = '#fff';
    
13.                 this.innerHTML = '关灯';
    
14.                 flag = 0;
    
15.             }
    
16.         }
    
17.     </script>

复制代码

输出结果如图：

js案例之开关灯

js案例之开关灯