回答編集履歴
1
> iが2つあってそれぞれにイベントをつけたい
answer
CHANGED
|
@@ -6,9 +6,13 @@
|
|
|
6
6
|
let newTask = document.getElementById("WantToAdd").value;
|
|
7
7
|
let lists = document.getElementById("todolist-a");
|
|
8
8
|
const li = document.createElement('li');
|
|
9
|
-
li.innerHTML = "<p class='lankbtn'>●</p>" + newTask
|
|
9
|
+
li.innerHTML = "<p class='lankbtn'>●</p><span>" + newTask + "</span>" +
|
|
10
|
+
"<i class='far fa-trash-alt gomi'></i><i class='fas fa-edit edi'></i>"; // liの中身だけ
|
|
10
11
|
li.querySelector('p').onclick = console.error
|
|
11
|
-
li.querySelector('i').onclick = console.
|
|
12
|
+
li.querySelector('i.gomi').onclick = console.debug
|
|
13
|
+
li.querySelector('i.edi').onclick = function (event) {
|
|
14
|
+
event.target.parentNode.querySelector("span").setAttribute("contenteditable","true")
|
|
15
|
+
}
|
|
12
16
|
lists.insertAdjacentElement("beforeend", li);
|
|
13
17
|
});
|
|
14
18
|
```
|