0
点赞
收藏
分享

微信扫一扫

JavaScript开关灯小案例

梦想家们 2022-01-31 阅读 33

JavaScript开关灯小案例

1.效果

在这里插入图片描述
在这里插入图片描述

2.代码

<button id="btn">关灯</button>
			<script>
			var bodys = document.body;
			var btn =document.querySelector('#btn');
			var flag = 0;
			btn.onclick =function(){
				if(flag == 1){
				bodys.style.backgroundColor = 'black';
				btn.innerHTML = '开灯';
				flag = 0;
				}else{
					bodys.style.backgroundColor = 'white';
					btn.innerHTML = '关灯';
					flag = 1;
				}
			}
			</script>
举报

相关推荐

0 条评论