<button>关灯</button>
<script>
// 开关灯效果
// 点击关灯,body背景色变黑且文字变为开灯 点击开灯,body背景色变白且文字变为关灯 利用到flag
var btn = document.querySelector("button");
var flag = 1; // 默认是开灯状态
btn.onclick = function(){
if(flag == 1){
document.body.style.backgroundColor = "black";
btn.innerHTML = "开灯";
flag = 0;
}else {
document.body.style.backgroundColor = "white";
btn.innerHTML = "关灯";
flag = 1;
}
}
</script>
DOM:dom练习开关灯效果,利用到flag
最新推荐文章于 2022-09-05 21:12:39 发布