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

質問編集履歴

2

誤字

2020/11/15 07:05

投稿

taku_taku555
taku_taku555

スコア2

title CHANGED
File without changes
body CHANGED
@@ -52,4 +52,4 @@
52
52
  }
53
53
  </script>
54
54
  ```
55
- 上記の書き方だと$li[4].remove();が読み込まれると思うのでできません。
55
+ 上記の書き方だと発火したとき、$li[4].remove();が読み込まれると思うのでできません。

1

書式の改善

2020/11/15 07:05

投稿

taku_taku555
taku_taku555

スコア2

title CHANGED
File without changes
body CHANGED
@@ -37,4 +37,19 @@
37
37
 
38
38
  </html>
39
39
  ```
40
- このコードをリファクタリングしたいです、while文も考えましたができません。どのように書けますか?
40
+ このコードをリファクタリングしたいです、while文も考えましたができません。どのように書けますか?
41
+ ```ここに言語を入力
42
+ <script>
43
+ let index = 0;
44
+ const $li = document.querySelectorAll('li');
45
+ const $button = document.querySelectorAll('button');
46
+
47
+ while (index < $li.length) {
48
+ $button[index].addEventListener('click', () => {
49
+ $li[index].remove();
50
+ });
51
+ index++;
52
+ }
53
+ </script>
54
+ ```
55
+ 上記の書き方だと$li[4].remove();が読み込まれると思うのでできません。