if-else案例–开关灯

<script>
// 操作谁，就要先获取谁
var oBox = document.getElementById("box");
// 给oBox这个元素绑定一个点击事件；当点击这个盒子的时候，触发后面的function里面的代码；
// 获取body 元素：document.body
console.log(document.body);
oBox.onclick = function () {
// 当页面现在是白色时，让它变成黑色，
// 如果本来就是黑色，让它变成白色；
// 获取
//{style:{background:""}}
var curBg = document.body.style.background;
console.log(curBg);
/* if(curBg=="" || curBg=="white"){
console.log(100);
document.body.style.background = "black";
}else if(curBg=="black"){
console.log(200);
document.body.style.background = "red";
}else if(curBg==="red"){
document.body.style.background = "white";
}*/
switch (curBg){
case "":
document.body.style.background = "black";
break;
case "black":
console.log("red");
document.body.style.background = "red";
break;
case "red":
document.body.style.background = "white";
break;
case "white":
document.body.style.background = "";
break;
}
}
// 黑白
// 红-->黄色-->蓝色--> 黑色-->红
// 先用if else 在用switch case;
 
</script>