开关灯代码流程
<head>
<meta charset="utf-8" />
<title></title>
<style>
* {
padding: 0px;
margin: 0px;
}
body {
background-color: #000;
}
#light {
display: block;
margin: 200px auto;
}
</style>
</head>
<body>
<img src="img/off.gif" id="light" onclick="a()" />
<script>
var flag = "off";
//flag:off代表灯熄灭 flag:on 代表灯打开的
var light = document.getElementById("light");
function a() {
if(flag == "off") {
light.src = "img/on.gif";
document.body.style.backgroundColor = "#ffffff";
flag = "on";
} else {
light.src = "img/off.gif";
document.body.style.backgroundColor = "#000000";
flag = "off";
}
// //document文档
// var light = document.getElementById("light");
// light.src = "img/on.gif";
// //backgroundColor 驼峰式命名
// document.body.style.backgroundColor = "#ffffff";
}
</script>
</body>