Web: fetch API

"en">

  "UTF-8">
  "X-UA-Compatible" content="IE=edge">
  "viewport" content="width=device-width, initial-scale=1.0">
  


  
  
"root">

  




async function getData() {
  const url = 'http://jsonplaceholder.typicode.com/posts'
  const response = await fetch(url)
  console.log(response)
  const posts = await response.json()
  console.log(posts)

  const root = document.querySelector('#root')
  const ul = document.createElement('ul')

  posts.forEach(post => {
    const li = document.createElement('li')
    const a = document.createElement('a')

    a.appendChild(document.createTextNode(post.title))
    a.setAttribute('href', `${url}/${post.id}`)

    li.appendChild(a)
    ul.appendChild(li)

  })

  root.appendChild(ul)
}

getData()




"en">


  "UTF-8">
  "X-UA-Compatible" content="IE=edge">
  "viewport" content="width=device-width, initial-scale=1.0">
  



  btn
  
  







"en">


  "UTF-8">
  "X-UA-Compatible" content="IE=edge">
  "viewport" content="width=device-width, initial-scale=1.0">
  



  btn
  "text" placeholder="name">