Render json in table using jQuery

HTML

<table>
  <tr>
    <th>Fastest fee</th>
    <th>HalfHourFee</th>
    <th>HourFee</th>
  </tr>
  <tr>
    <td id ="fast"></td>
    <td id ="half"></td>
    <td id = "hour" ></td>
  </tr>
</table>

<div id="demo"></div>

CSS

td, th{
  border:1px solid #000
}

JavaScript

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
       //In this example, I used your API link..first I would do is turn the JSON into a JS object
       myObject = JSON.parse(xhttp.responseText)
       
       document.getElementById("fast").innerHTML = myObject.fastestFee
       document.getElementById("half").innerHTML = myObject.halfHourFee
       document.getElementById("hour").innerHTML = myObject.hourFee
    }
};
xhttp.open("GET", "https://bitcoinfees.earn.com/api/v1/fees/recommended", true);
xhttp.send();