效果:
点击前:
点击后:

再点击:
<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课程作业内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复