how to print json data in html code example

Example 1: how to display json data in html

function appendData(data) {
  var mainContainer = document.getElementById("myData");
  for (var i = 0; i < data.length; i++) {
    var div = document.createElement("div");
    div.innerHTML = 'Name: ' + data[i].firstName + ' ' + data[i].lastName;
    mainContainer.appendChild(div);
  }
}

Example 2: how to display json data in html

mainContainer.appendChild(div);

Example 3: html to json

fetch('https://www.example.com/index.html')
  .then(res => res.text())
  .then(html => console.log(html));