title: how to parse data in javascript
body: <p>Use the free REST API: <a href="https://jsonplaceholder.typicode.com/" rel="nofollow noreferrer">https://jsonplaceholder.typicode.com/</a> to get
       100 albums. And display all the albums on the html page as:</p>
  
  <pre><code> UserId: value of userId from the object that came to you,
   Id: Id value from the object that came to you,
   Title: title value from the object that came to you
   As a result, 100 different albums should be parsed on your page.
  </code></pre>
  
  <p>I tried to parse data and the data becomes a JavaScript object using JSON.parse() but data is showed in json format</p>
  
  <pre><code>&lt;h2&gt;The XMLHttpRequest Object&lt;/h2&gt;
  &lt;button type="button" onclick="loadDoc()"&gt;Change Content&lt;/button&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
  function loadDoc() {
   const xhttp = new XMLHttpRequest();
   const url = "https://jsonplaceholder.typicode.com/albums";
   xhttp.onreadystatechange = function() {
     if (this.readyState == 4 &amp;&amp; this.status == 200) {
       document.getElementById("demo").innerHTML =
       this.responseText;
     }
   };
  
   xhttp.open("GET", url, true);
   xhttp.send();
  }
  &lt;/script&gt;
  </code></pre>