<section id="fast-data">
<h4 class="text-p" style="margin-top:2rem;">Latest Corona Stats</h4>
<table id="grad" class="table table-borderless">
<thead>
<tr>
<th>Total Cases</th>
<th>Active Cases</th>
<th>Deaths</th>
<th>Cured</th>
</tr>
<tbody id="faster-data"></tbody>
</thead>
</table>
<div class="text-p">Made using <a href="https://coronews.iamharsh.design/">CORONEWS-19 API</a></div>
</section>
@import url('https://fonts.googleapis.com/css?family=Montserrat:700&display=swap');
#grad {
background-color: #000;
border-radius: 1rem;
padding:2rem;
margin-top: 1rem;
color: #fff;
font-family:'Montserrat';
-webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
}
thread {
border-radius: 1rem;
}
body{
margin:2rem;font-family:'Montserrat';
}
.text-p{
margin-bottom:2rem;
margin-top:2rem;
}
$.getJSON("https://cryptic-ravine-96718.herokuapp.com/", null, function(data) {
resp = data.stats;
var j = "<tbody>";
j += "<tr>";
j += "<td>" + resp.total + "</td>";
j += "<td>" + resp.active + "</td>";
j += "<td>" + resp.deaths + "</td>";
j += "<td>" + resp.cured + "</td>";
j += "</tr>";
j += "</tbody>";
document.getElementById("faster-data").innerHTML = j;
});