回答編集履歴
1
.
test
CHANGED
|
@@ -1,2 +1,11 @@
|
|
|
1
1
|
1回目のクリックでは `onclick` で指定されている `displayList()` が呼ばれますが、その中では `addEventListener()` で別の処理の登録だけを行っています。2回めのクリクでは `displayList()` と `addEventListener()` で登録された関数の両方が実行されます。
|
|
2
2
|
|
|
3
|
+
JavaScriptコードは以下のようにして、`onclick` は削除でよいでしょう。
|
|
4
|
+
```js
|
|
5
|
+
const change = document.querySelector("button");
|
|
6
|
+
const lis = document.getElementById("fruits");
|
|
7
|
+
change.addEventListener("click", () => {
|
|
8
|
+
lis.innerHTML = "<ul><li>リンゴ</li><li>イチゴ</li><li>ブドウ</li></ul>";
|
|
9
|
+
});
|
|
10
|
+
```
|
|
11
|
+
|