回答編集履歴
1
chousei
answer
CHANGED
@@ -4,7 +4,7 @@
|
|
4
4
|
window.addEventListener('DOMContentLoaded', ()=>{
|
5
5
|
const data=localStorage.data?JSON.parse(localStorage.data):[];
|
6
6
|
const add=document.querySelector('#add-text');
|
7
|
-
const viewData=
|
7
|
+
const viewData=()=>{
|
8
8
|
const ul=document.querySelector('#list ul');
|
9
9
|
ul.innerHTML="";
|
10
10
|
data.map(x=>[
|
@@ -12,7 +12,7 @@
|
|
12
12
|
Object.assign(document.createElement('input'),{type:'button',value:'del',className:'del'}),
|
13
13
|
].reduce((x,y)=>(x.appendChild(y),x),document.createElement('li'))).forEach(x=>ul.appendChild(x));
|
14
14
|
}
|
15
|
-
viewData(
|
15
|
+
viewData();
|
16
16
|
document.addEventListener('click',e=>{
|
17
17
|
const t=e.target;
|
18
18
|
if(t.closest('.del')){
|
@@ -24,7 +24,7 @@
|
|
24
24
|
}
|
25
25
|
if(t instanceof HTMLInputElement){
|
26
26
|
localStorage.data=JSON.stringify(data);
|
27
|
-
viewData(
|
27
|
+
viewData();
|
28
28
|
}
|
29
29
|
});
|
30
30
|
});
|
@@ -34,5 +34,6 @@
|
|
34
34
|
<div id="list">
|
35
35
|
<ul></ul>
|
36
36
|
</div>
|
37
|
+
```
|
37
38
|
|
38
|
-
|
39
|
+
※viewData()の引数を毎回渡すのも無駄でしたので調整しました
|