У меня проблема с jsonplaceholder при использовании fetch. Он показывает мне неопознанный. пожалуйста, позвольте мне решить проблему как можно скорее, пожалуйста

Question

// код javasciprt для отображения api комментария

fetch('https://jsonplaceholder.typicode.com/posts')
    .then(response => response.json())
    .then(json => {
      const title = json.title;
      const body = json.body;
      document.getElementById("printTitle").innerHTML = title;
      document.getElementById("printBody").innerHTML = body;
    });

// html код, поддерживающий этот js файл

 <div >
            TITLE
            <span id="printTitle">
            </span>
          </div>
          <div class="news-content-1">
            BODY
            <span id="printBody">
            </span>
          </div>

Answer 1

@ Faizan Lambe,

Пожалуйста, просмотрите приведенный ниже фрагмент javascript для вашего запроса.

let list = document.querySelector('#list');
function loadData(){
fetch('https://jsonplaceholder.typicode.com/posts')
.then(response => response.json())
.then(json => {
    for(var i = 0; i < json.length; i++) {
      var obj = json[I];
      addList(obj);
    }
});
}
// Add Lists
function addList(obj){
    let li = document.createElement('li');
    let p = document.createElement('p')
    let t = document.createTextNode(obj.title);
    p.appendChild(t);
    li.appendChild(p);
    list.appendChild(li);
}

----- html ----

в html, я сохранил тег списка, как показано ниже,

<ul id="list">

</ul>

Используя функцию addlist, добавив заголовок в этот список.

Пожалуйста, проверьте на своей стороне и отметьте как ответил, если это решит вашу проблему.