javascript - 将数组的值放入变量中

Question

我过去学过用 jQuery 来做这件事，但现在我想用纯香草 js 来做，所以这用做我的 jQuery 代码

$(".btn").click(function () {
  var userChosenColor = $(this).attr("id");
});

这就是我用纯js做的

var bTn = document.getElementsByClassName("btn");
for (var i = 0; i < bTn.length; i++) {
  bTn[i].addEventListener("click", (e) => {
    var userChosenColor = bTn[];
    console.log(userChosenColor);
  });
}

标签： javascriptjquery

Answer 1

那 ？

document.querySelectorAll('.btn')
          .forEach(bt=>{
            bt.onclick=()=>{
              console.clear()
              console.log( bt.id )
          } } )

<button id="bt_1" class="btn">bt 1 </button>
<button id="bt_2" class="btn">bt 2 </button>
<button id="bt_3" class="btn">bt 3 </button>
<button id="bt_4" class="btn">bt 4 </button>

或者，考虑一下Phil的话：

document.querySelectorAll('.btn')
          .forEach(bt=>{
            bt.addEventListener('click',function() {
              console.clear()
              console.log( bt.id )
          }) })

<button id="bt_1" class="btn">bt 1 </button>
<button id="bt_2" class="btn">bt 2 </button>
<button id="bt_3" class="btn">bt 3 </button>
<button id="bt_4" class="btn">bt 4 </button>