JSFiddle - React, Tailwind, and code Playground

by Kirth Gersen

HTML

ip: <div id="ip"></div><br>
hostname: <div id="hostname"></div><br>
remote_port: <div id="remote_port"></div><br>
server_port: <div id="server_port"></div><br>
https: <div id="https"></div><br>
server_protocol: <div id="server_protocol"></div><br>
user-agent: <div id="user-agent"></div><br>

JavaScript

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://ipv4.lafibre.info/json.php', true);
xhr.onload = function() { 
  var response = JSON.parse(xhr.responseText);
  for (var k in response) {
    if (response.hasOwnProperty(k)) {
    	var elem = document.getElementById(k);
      if (elem) elem.innerHTML = response[k];
    }
  }
};
xhr.send(null);