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

回答編集履歴

1

chousei

2021/12/27 05:04

投稿

yambejp
yambejp

スコア117906

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=data=>{
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(data);
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(data);
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()の引数を毎回渡すのも無駄でしたので調整しました