概述
效果：
点击前：
点击后：
再点击：
<script>
//取元素
var btn = document.querySelector('button');
var body = document.body;
//点击按钮后body变色（声明一个flag值:
//若值为1，点击后变黑；若值为0，点击后变白）
var flag = 1;
btn.onclick = function () {
if (flag === 1) {
body.style.backgroundColor = 'black';
flag = 0;
//变回0，为下次变白做准备
}
else if (flag === 0) {
body.style.backgroundColor = 'white';
flag = 1;
}
}
</script>最后
以上就是自信宝贝为你收集整理的Pink老师JavaScript课程作业 -点击按钮页面关灯和开灯的全部内容，希望文章能够帮你解决Pink老师JavaScript课程作业 -点击按钮页面关灯和开灯所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复