CORONA CASES COUNTER

INFECTED WORLD:	RECOVERED WORLD:	DEAD WORLD:
INFECTED US:	RECOVERED US:	DEAD US:
INFECTED DE:	RECOVERED DE:	DEAD DE:
INFECTED IT:	RECOVERED IT:	DEAD IT:
INFECTED ES:	RECOVERED ES:	DEAD ES:
INFECTED FR:	RECOVERED FR:	DEAD FR:
INFECTED UK:	RECOVERED UK:	DEAD UK:
INFECTED CHINA:	RECOVERED CHINA:	DEAD CHINA:

To display the CORONA CASES COUNTER,
just copy and paste this html code to your website or blog:

<html>
   <head>
	<meta http-equiv="refresh" content="1800">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
      	
	<title>CORONA CASES COUNTER</title>

});
</script>

<script>
         var settings = {
           "async": true,
           "crossDomain": true,
           "url": "https://covid19.mathdro.id/api/countries/US","method": "GET"}
         $.ajax(settings).done(function (response) {console.log(response);
	   var content = response.confirmed.value;
           $("#inf-us").append(content);
           var content = response.recovered.value;
           $("#rec-us").append(content);
           var content = response.deaths.value;
           $("#death-us").append(content);

});
</script>

<script>
         var settings = {
           "async": true,
           "crossDomain": true,
           "url": "https://covid19.mathdro.id/api/countries/Germany","method": "GET"}
         $.ajax(settings).done(function (response) {console.log(response);
           var content = response.confirmed.value;
           $("#inf-de").append(content);
           var content = response.recovered.value;
           $("#rec-de").append(content);
           var content = response.deaths.value;
           $("#death-de").append(content);

});
</script>

<script>
         var settings = {
           "async": true,
           "crossDomain": true,
           "url": "https://covid19.mathdro.id/api/countries/Italy","method": "GET"}
         $.ajax(settings).done(function (response) {console.log(response);
           var content = response.confirmed.value;
           $("#inf-it").append(content);
           var content = response.recovered.value;
           $("#rec-it").append(content);
           var content = response.deaths.value;
           $("#death-it").append(content);

});
</script>

<script>
         var settings = {
           "async": true,
           "crossDomain": true,
           "url": "https://covid19.mathdro.id/api/countries/Spain","method": "GET"}
         $.ajax(settings).done(function (response) {console.log(response);
           var content = response.confirmed.value;
           $("#inf-es").append(content);
           var content = response.recovered.value;
           $("#rec-es").append(content);
           var content = response.deaths.value;
           $("#death-es").append(content);

});
</script>

<script>
         var settings = {
           "async": true,
           "crossDomain": true,
           "url": "https://covid19.mathdro.id/api/countries/France","method": "GET"}
         $.ajax(settings).done(function (response) {console.log(response);
           var content = response.confirmed.value;
           $("#inf-fr").append(content);
           var content = response.recovered.value;
           $("#rec-fr").append(content);
           var content = response.deaths.value;
           $("#death-fr").append(content);

});
</script>

<script>
         var settings = {
           "async": true,
           "crossDomain": true,
           "url": "https://covid19.mathdro.id/api/countries/GB","method": "GET"}
         $.ajax(settings).done(function (response) {console.log(response);
           var content = response.confirmed.value;
           $("#inf-uk").append(content);
           var content = response.recovered.value;
           $("#rec-uk").append(content);
           var content = response.deaths.value;
           $("#death-uk").append(content);

});
</script>

<script>
         var settings = {
           "async": true,
           "crossDomain": true,
           "url": "https://covid19.mathdro.id/api/countries/China","method": "GET"}
         $.ajax(settings).done(function (response) {console.log(response);
	   var content = response.confirmed.value;
           $("#inf-china").append(content);
           var content = response.recovered.value;
           $("#rec-china").append(content);
           var content = response.deaths.value;
           $("#death-china").append(content);

});
</script>
</head>

<body>

<font color="black" face="arial">
<table margin="0">
<h3>CORONA CASES COUNTER</h3>

<tr>
	<td bgcolor="yellow">INFECTED WORLD: </td>
    	<td><div id="inf-all" align="right" bgcolor="yellow"></div></td>
	<td bgcolor="green">RECOVERED WORLD: </td>
	<td><div id="rec-all" align="right"></div></td>
	<td bgcolor="red">DEAD WORLD: </td>
	<td><div id="death-all" align="right"></div></td>

</tr>

<tr>
   	<td bgcolor="yellow">INFECTED US: </td>
    	<td><div id="inf-us" align="right" bgcolor="yellow"></div></td>
	<td bgcolor="green">RECOVERED US: </td>
	<td><div id="rec-us" align="right"></div></td>
	<td bgcolor="red">DEAD US: </td>
	<td><div id="death-us" align="right"></div></td>	
</tr>

<tr>
   	<td bgcolor="yellow">INFECTED DE: </td>
    	<td><div id="inf-de" align="right" bgcolor="yellow"></div></td>
	<td bgcolor="green">RECOVERED DE: </td>
	<td><div id="rec-de" align="right"></div></td>
	<td bgcolor="red">DEAD DE: </td>
	<td><div id="death-de" align="right"></div></td>	
</tr>

<tr>
   	<td bgcolor="yellow">INFECTED IT: </td>
    	<td><div id="inf-it" align="right" bgcolor="yellow"></div></td>
	<td bgcolor="green">RECOVERED IT: </td>
	<td><div id="rec-it" align="right"></div></td>
	<td bgcolor="red">DEAD IT: </td>
	<td><div id="death-it" align="right"></div></td>	
 </tr>

<tr>
   	<td bgcolor="yellow">INFECTED ES: </td>
    	<td><div id="inf-es" align="right" bgcolor="yellow"></div></td>
	<td bgcolor="green">RECOVERED ES: </td>
	<td><div id="rec-es" align="right"></div></td>
	<td bgcolor="red">DEAD ES: </td>
	<td><div id="death-es" align="right"></div></td>	
  </tr>

<tr>
   	<td bgcolor="yellow">INFECTED FR: </td>
    	<td><div id="inf-fr" align="right" bgcolor="yellow"></div></td>
	<td bgcolor="green">RECOVERED FR: </td>
	<td><div id="rec-fr" align="right"></div></td>
	<td bgcolor="red">DEAD FR: </td>
	<td><div id="death-fr" align="right"></div></td>	
  </tr>

<tr>
   	<td bgcolor="yellow">INFECTED UK: </td>
    	<td><div id="inf-uk" align="right" bgcolor="yellow"></div></td>
	<td bgcolor="green">RECOVERED UK: </td>
	<td><div id="rec-uk" align="right"></div></td>
	<td bgcolor="red">DEAD UK: </td>
	<td><div id="death-uk" align="right"></div></td>	
  </tr>

<tr>
   	<td bgcolor="yellow">INFECTED CHINA: </td>
    	<td><div id="inf-china" align="right" bgcolor="yellow"></div></td>
	<td bgcolor="green">RECOVERED CHINA: </td>
	<td><div id="rec-china" align="right"></div></td>
	<td bgcolor="red">DEAD CHINA: </td>
	<td><div id="death-china" align="right"></div></td>	
</tr>

</table>
</font>
</body>
</html>

(code might not be displayed on mobile devices)

You can play around with the style of your table. Change the font, the size, the colors.
You can delete and/or add countries. Feel free to edit the code according to your needs.
For more insight please visit my blog:

rabbitfire BLOG

Stay at home - learn something new today - stay healthy!!

Every appreciation is appreciated! :)

Buy me a coffee