js默认点击一次_JavaScript初学者,一个小小的点击案例。

前端新手李不白分享了一个JavaScript点击交互案例。通过点击div,实现其高度在200px和500px之间切换。利用if...else判断语句和布尔变量跟踪div状态,实现点击切换效果。文章还对代码逻辑进行了详细解释。
摘要由CSDN通过智能技术生成

大家好,我是前端菜鸟李不白,今天带给大家的是js中,一个小小的点击案例。

通过每个盒子的点击去完成与用户的交互。

那么如何去做呢?

首先我们先写一个div,给它一些样式,方便我们观察。

d8fc3a6a246b5f337d2dab6efa41d1aa.png

写完之后效果如下图。

1be9ff18fc3df72cdcea59c2999beddd.png

接下来要做什么呢?要做的是,在我们点击这个高为200的盒子之后,让它变成高为500的盒子。再次点击之后,再让它回到两百。

怎么做呢?看代码。

341c0795980cec8becf4fe79c891f252.png

首先先来一个script标签。

再写一行box.οnclick=function(){ },这里给盒子起的ID名可以直接拿过来用,而不用来一遍声明。意思是,当我盒子点击后,我需要做什么?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值