JavaScriptでのfetchを使ってAPIを叩く方法

Javascriptを使ってWebAPIを叩く方法。開発現場でよく使われるfetchを使います。 | How to hit WebAPI using Javascript

HTML <button id=”addBtn”><h3>Name</h3></button>
<ol id=”lists”>

</ol>

Javascript const button = document.getElementById(“addBtn”)
const lists = document.getElementById(“lists”)
button.addEventListener(“click”, async function(){
const res = await fetch(“https://jsonplaceholder.typicode.com/users”)
const users = await res.json();

users.forEach(function(user){
const list = document.createElement(“li”)
list.innerText = user.name
lists.appendChild(list)
})
});

こちらが今回学ばせてもらったしまぶーさんの動画です | Here is a video of Mr. Shimabu who learned this time