JSFiddle - React, Tailwind, and code Playground

HTML

<button onClick="getLocation()">Join Me</button>
                   <p id="demo"></p>

JavaScript

var x = document.getElementById("demo");

      function getLocation() {
         if (navigator.geolocation) {
          navigator.geolocation.getCurrentPosition(showPosition);
      } else { 
          x.innerHTML = "Geolocation is not supported by this browser.";
          }
      }

    function getCurrentPosition(position) {

     // ...
      $.ajax({
        type: "POST",
        url: "http://www.domain.co.uk/test.php", // -> Actual domain here.
        data:   "lat="+position.coords.latitude+"&long="+position.coords.longitude

      });
   }