JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<p id="demo">Click the button to get your coordinates:</p>

<script>
var x=document.getElementById("demo");
navigator.geolocation.getCurrentPosition(showPosition);
function showPosition(position)
  {
  x.innerHTML='<p id="lat">' + position.coords.latitude + '</p>'+
  '<p id="long">' + position.coords.longitude + '</p>';	
  }
</script>