JSFiddle - React, Tailwind, and code Playground

HTML

<div id="demo">

</div>

CSS

table {
  border: 1px solid blue;
}

JavaScript

function getRes(){
		var cont = document.getElementById('demo');
    var table = document.createElement("TABLE")
    var tr = null, td = null;
    tr = document.createElement("TR")
    td =document.createElement("th");
    td.innerHTML = 'type';
    tr.appendChild(td);
   var td1 =  document.createElement("th")
  
  td1.innerHTML = 'latitude';
  tr.appendChild(td1);
  var td2 =  document.createElement("th")
  
  td2.innerHTML = 'longitude';
  tr.appendChild(td2);
	table.appendChild(tr);
  
    for(lat=1; lat<=2; lat++){
		
        for(lon=1; lon<=2; lon++){
				tr = document.createElement("TR")
       //str = "Track "+lat+" "+lon+"<br>";
				var td2 =document.createElement("td");
        td2.innerHTML = 'Track';
        
        var td3 =document.createElement("td");
        td3.innerHTML = lat;
        var td4 =document.createElement("td");
        td4.innerHTML = lon;
         tr.appendChild(td2)
        tr.appendChild(td3)
        tr.appendChild(td4)
				table.appendChild(tr);
        }
       
    }
     cont.appendChild(table); 
}
getRes()