点击按钮切换开灯和关灯
css代码
<style>
body {
background-color: aqua;
}
p {
color: red;
margin-top: 50px;
text-align: center;
}
</style>
html和js代码
<body>
<button id="btn">开关灯</button>
<script>
var btn = document.getElementById('btn');
var body = document.querySelector('body');
var flag = 0;
btn.onclick = function() {
if (flag == 0) {
body.style.backgroundColor = '#000';
flag = 1;
} else {
body.style.backgroundColor = '#fff';
flag = 0;
}
}
</script>
</body>
点击开关灯按钮可实现开灯与关灯转换
效果展示
