Welcome aboard! We are happy you are here and wish you good net-raft!
<!DOCTYPE html>
<html>
<script src="https://www.w3schools.com/lib/w3.js "></script>
<body>
<div id="id01">
<span>{{latitude}}</span><br>
<span>{{longitude}}</span>
</div>
<script>
w3.getHttpObject("https://geoip-db.com/json/", myFunction);
function myFunction(myObject) {
w3.displayObject("id01", myObject);
}
</script>
</body>
</html>
The most helpful W3.JS solutions