点击按钮,实现body的背景色的变化
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="button" value="关灯" id="btn">
<script>
var flag = true;
var btn = document.getElementById('btn');
btn.onclick = function() {
if(flag){
btn.value = '开灯';
document.body.style.backgroundColor = 'black';
flag = false;
} else {
btn.value = '关灯';
document.body.style.backgroundColor = '';
flag = true;
}
}
</script>
</body>
</html>