teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

補足を追加

2020/10/10 22:14

投稿

Daregada
Daregada

スコア11990

answer CHANGED
@@ -1,3 +1,7 @@
1
+ addEventListenerでは、ターゲット(今回はボタン)にイベント(今回はクリック)が配信されるときに実行するイベントリスナー(関数)を**設定**します。提示されたコードでは、イベントリスナーがアロー関数(ラムダ式)で書かれているので、whileループ内の`(e) => { ... }`の部分が設定内容です。
2
+
3
+ ということは、上記「...」の部分に書かれた内容は、whileループ中で実行されるわけではなく、イベント発生時に備えて設定しておくだけですよね。そこに、`buttonIndex++`などを書いても、繰り返しの最中に更新されませんから……あとはわかるな?
4
+
1
5
  ```JavaScript
2
6
  while (buttonIndex < buttonLength) {
3
7
  $button[buttonIndex].addEventListener('click', (e) => {