Q&A
ご回答ありがとうございます。こんな方法もあるのですね。
私の知識ではリンク先の情報を今回の質問内容に応用することは
出来なさそうですが、勉強になります。
HTMLで複数のボタンを設置し、1番目のボタンが押されたら0という数字を変数に代入し、2番目のボタンが押されたら1を代入したいのですが、上手くいきません。
let btns = document.querySelectorAll(".btn");
for (var i = 0; i < btns.length; i++) {
btns[i].addEventListener("click", test);
}
function test() {
console.log(i);
}
例えばボタンが3個あり、2番目のボタンを押した時、for文2行目のbtns[i]ではおそらくi=1なのですが、呼び出した先のfunctionではiには3が代入されてしまっています。
i=1のままfunctionを実行するにはどう書けば良いのでしょうか。
<html><body> <button class="btn">ボタン1</button> <button class="btn">ボタン2</button> <button class="btn">ボタン3</button> <script> let btns = document.querySelectorAll(".btn"); for (var i = 0; i < btns.length; i++) { btns[i].addEventListener("click", test); } function test() { console.log(i); } </script> </body><html>
回答3件
0
ベストアンサー
javascript
1const btns = document.querySelectorAll(".btn"); 2btns.forEach((x,y)=>{ 3 x.addEventListener('click',()=>{ 4 console.log(y); 5 }); 6});
投稿2020/10/08 00:13
総合スコア118164
0
引数として渡すという形でしょうかね。
addEventListenerで関数に引数を渡す
投稿2020/10/07 22:29
総合スコア80890
試さなければ身に付くものはなにもないと思います。
そのまま動くコードもらっても理解できずに質問を繰り返すだけです。成長は見込めません。
自分で解決できたらそれが一番早いのです
0
ググればいろいろ見つかりますよ。
投稿2020/10/08 00:11
総合スコア34367
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/10/08 02:54