title: How to parse data from a JSON to my actual element?
body: <p>I have this XHR request that passes data from a JSON file inside the folder to a actual <code>&lt;p&gt;</code> element but I cannot figure it out how to pass a specific data like &quot;title&quot; or &quot;date&quot;.</p>
  <p>JSON example:</p>
  <pre class="lang-json prettyprint-override"><code>{
      &quot;title&quot;: &quot;Personal development webinar&quot;,
      &quot;date&quot;: &quot;21.04.2021&quot;,
      &quot;time&quot;: &quot;8:00 AM&quot;,
      &quot;webinar&quot;: {
        &quot;title&quot;: &quot;Personal development webinar&quot;,
        &quot;link&quot;: &quot;https://meet.google.com&quot;
      }
  }
  </code></pre>
  <p>and my XHR request looks like this</p>
  <pre class="lang-js prettyprint-override"><code>function showEvents() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
      if (this.readyState == 4 &amp;&amp; this.status == 200) {
         document.getElementById(&quot;demo&quot;).innerHTML = JSON.parse(xhttp.responseText);
         console.log(this.responseText)
      }
  };
  xhttp.open(&quot;GET&quot;, &quot;./events.json&quot;, true);
  xhttp.send();
  }
  </code></pre>