JS点击事件之电灯开关案例

本文通过一个简单的电灯开关案例,深入浅出地讲解了JavaScript中的点击事件处理。通过添加事件监听器,实现点击按钮切换灯泡状态的效果,同时讨论了DOM操作和条件判断在实践中的应用。
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>电灯开关</title>
		<script type="text/javascript">
			var flag = false;

			function run() {
				var l = document.getElementById("light")
				if(flag) {
					l.src = "img/off.gif"
					flag = false
				} else {
					l.src = "img/on.gif"
					flag = true
				}
			}
		</script>
	</head>

	<body>
		<img id="light" onclick="run()" src="img/off.gif" />
	</body>

</html>

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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值