JavaScript控制灯泡开关

在html中使用<button>按钮去控制灯泡的开关。
首先写出HTML中的灯泡和开关按钮：
HTML：

<div id="">			
			<img src="guan.jpg" ><br>
			<button onclick="kaiGuan()" id="kg">开</button>
		</div>

JS:

			//使用变量获取到html中的灯泡和按钮；
			var deng = document.getElementsByTagName("img");
			var bu = document.getElementById("kg");
			//使用布尔值来获取开关的取值
			var kg = true;
			function kaiGuan(){				
				if(kg){
				   deng[0].src = "kai.jpg";				   
				   bu.innerText = "关";
				   kg = !kg;
				}else{
				   deng[0].src = "guan.jpg";
				   bu.innerText = "开";
				   kg = !kg;
				}
			}