JSON format danych

Question

Witam.

Mam pobrać dane z zewnętrznej strony https://jsonplaceholder.typicode.com/users/1/posts i wyświetlić je na mojej stronie przy pomocy skryptu javascript. Ma być analogicznie do tej funkcji:

  example.addEventListener("click", function () {
    fetch('https://jsonplaceholder.typicode.com/posts')
      .then(response => response.json())
      .then(array => {
        console.log("asd")
        answer.innerHTML = JSON.stringify(array);
      })
  })

Jak sformatować dane, aby jakoś rozdzielić posty?  Bo próbowałem

        answer.innerHTML = JSON.stringify(array, ['userId', 'id', 'title', 'body'], '<br>');

ale rozdziela każdy element, a chciałbym aby po body była przerwa, a następnie od nowej linii kolejny post. Z góry dziękuję za pomoc! :)

Answer 1

Musisz zrobić pętle która przeleci po wszystkich wynikach, zbierze dane o ID, tytule itp, doda je do zmiennej a na koniec zmienną wstaw do strony za pomocą inne HTML. Poniżej przykładowy kod:

fetch('https://jsonplaceholder.typicode.com/posts')
.then(response => response.json())
.then(data => {
    let append = ''

    for (let i = 0; i < data.length; i++) {
        const post = data[i]

        append += `User ID: ${post.userId} ID: ${post.id}, Title: ${post.title}, Body: ${post.body} </br>`
    }

    document.getElementById('data').innerHTML = append
})