title: Completely stuck on how to display my JSON in HTML. Edit: I know how i want to format it, I just can't get it to output anything but raw JSON
body: <p>I've been working on this for hours, searching everywhere, can't seem to solve it. I've left the API URL in, so if you want to take a look (it's public). I'm tired, so if I don't make sense, let me know. I'm trying to basically make a custom layout for the news. But I can't do anything with it, I just have the raw JSON, and I've tried a lot. If you could just give an example of something like a header with the news article name, or something simple, I'll figure it out, but for now, I'm frustrated and running in circles, haha. Thanks!</p>
  
  <pre><code>{
   "location": {
  "long": -106.346771,
  "countryOrRegion": "Canada",
  "provinceOrState": null,
  "county": null,
  "isoCode": "CA",
  "lat": 56.130366
  },
  "updatedDateTime": "2020-03-31T04:46:00.3795966Z",
  "news": [
   {
      "path": "_news/2020-03-31-canada-post-workers-customers-seeing-heightened-safeguards.md",
      "title": "Canada Post workers, customers seeing heightened safeguards",
      "excerpt": "COVID-19 ...",
      "heat": null,
      "tags": [
        "CA"
      ]  ,
      "type": "article",
      "webUrl": "https://nnsl.com/yellowknifer/canada-post-workers-customers-seeing-heightened-safeguards/",
      "ampWebUrl": null,
      "cdnAmpWebUrl": null,
      "publishedDateTime": "2020-03-30T21:00:00-07:00",
      "updatedDateTime": null,
      "provider": {
        "name": "Northern News Services",
        "domain": "nnsl.com",
        "images": null,
        "publishers": null,
        "authors": null
      },
      "images": null,
      "locale": "en-us",
      "categories": [
        "news"
      ],
      "topics": [
        "Coronavirus in Canada",
        "Coronavirus"
      ]
    },
    {
      "path": "_news/2020-03-31-in-canada-and-abroad-covid-19-super-spreaders-could-be-anywhere.md",
      "title": "In Canada and abroad, COVID-19 super-spreaders could be anywhere",
      "excerpt": "In Canada, while no specific individual has yet been identified as super-spreader ... 
  Scientists are researching how much of a role silent carriers of COVID-19 - those who exhibit no symptoms - play in unknowingly spreading the disease. This is why self-isolation is important, Riskin said. \"It’s a reminder that for Canadians, we all have ...",
       "heat": null,
      " ...etc
  </code></pre>
  
  <p>Oops, you need a key to view the file. I'll paste in one entry. It is free.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
      &lt;script type="text/javascript" src="./jquery-3.4.1.min.js"&gt;&lt;/script&gt;
  &lt;style&gt;
  countryOrRegion: font-size: 20px;
  
  &lt;/style&gt;
  &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div id="demo"&gt;&lt;/div&gt;
  
  
  &lt;script&gt;
   $.ajax({
    type: "GET",
    url: "https://api.smartable.ai/coronavirus/news/CA",
    // Request headers
    beforeSend: function(xhrObj) {
      xhrObj.setRequestHeader("Cache-Control", "no-cache");
      xhrObj.setRequestHeader("Subscription-Key", "my free key");
      },
  })
  
  .done(function (data) {
  
  var myJSON = JSON.stringify(data);
  
  document.getElementById("demo").innerHTML = myJSON;
  
  })
  &lt;/script&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p></p>