开始背景颜色为白色,当单机按钮的时候,背景变成黑色,再单击的时候背景又变成白色。 如下: 第一次: 第二次: 再次点击:
代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <button>开关灯</button> <script> var button = document.querySelector('button'); var i=0; button.onclick = function(){ if(i==1){ document.body.style.backgroundColor="white"; i++; }else{ document.body.style.backgroundColor='black'; i=1; } } </script> </body> </html>