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

回答編集履歴

2

ちょうせい

2021/05/12 10:41

投稿

yambejp
yambejp

スコア117888

answer CHANGED
@@ -1,7 +1,7 @@
1
1
  ```javascript
2
2
  <script>
3
3
  window.addEventListener('DOMContentLoaded',async()=>{
4
- const res=await fetch("x.json")
4
+ const res=await fetch("sample.json")
5
5
  .then(x=>x.json())
6
6
  .then(x=>[...new Set(x.map(x=>Object.values(x)).flat())]);
7
7
  res.forEach(x=>document.querySelector('.categorylist').innerHTML+=`<li>${x}</li>`);

1

ちょうせい

2021/05/12 10:41

投稿

yambejp
yambejp

スコア117888

answer CHANGED
@@ -1,7 +1,11 @@
1
1
  ```javascript
2
- (async()=>{
2
+ <script>
3
+ window.addEventListener('DOMContentLoaded',async()=>{
4
+ const res=await fetch("x.json")
5
+ .then(x=>x.json())
3
- const res=await fetch("sample.json").then(x=>x.json()).then(x=>[...new Set(x.map(x=>Object.values(x)).flat())]);
6
+ .then(x=>[...new Set(x.map(x=>Object.values(x)).flat())]);
4
- console.log(res);
7
+ res.forEach(x=>document.querySelector('.categorylist').innerHTML+=`<li>${x}</li>`);
5
8
  })()
6
-
9
+ </script>
10
+ <div class="categorylist"></div>
7
11
  ```