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="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);
  document.getElementById("hostname").innerHTML=response["hostname"]; 
  //  mettre que ceux qu'on veut
  // ca permet aussi de ne pas utiliser le meme nom
  // dans le HTML, l'id est "agent"
  document.getElementById("agent").innerHTML=response["user-agent"];
};
xhr.send(null);