怎么做效果Button啊就是点击button变色

怎么做效果Button啊就是点击button变色,第1张

1、新建html文档,在body标签中添加一些button按钮,然后为这些按钮设置默认颜色为灰色:

2、添加js代码,首先获取所有的button按钮,然后使用for循环为这些按钮添加点击事件:

3、这时被点击的按钮将会更换颜色,而没有被点击的按钮依然是原来的颜色:

1、html代码:

<button onclick='demo()'>click me!</button>

2、js代码:

var index=0

function demo(){

  var colorArr=['red','yellow','blue']

  event.target.style.backgroundColor = colorArr[index%3]

  index+=1

}


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11608767.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存