原生js实现排他功能

---

• 微信扫码关注公众号 ：前端前端大前端，追求更精致的阅读体验 ，一起来学习啊
• 关注后发送关键资料,免费获取一整套前端系统学习资料和老男孩python系列课程
  

---

• 学习资源推荐 https://blog.csdn.net/qq_42813491/article/details/90213353

代码

• HTML

<button>没被点</button>
<button>没被点</button>
<button>没被点</button>

• js

let btns=document.querySelectorAll("button");
btns.forEach(function(item){
  //外层循环为每个按钮注册点击事件
  item.onclick=function(){
    //内层循环修改按钮的值
    for(let i=0;i<btns.length;i++){
      btns[i].innerText="没被点"; //--排他，先干掉全部
    }
    this.innerText="被点了";//，最后保全自己
  }
})