Quiero cambiar <p id="demo"></p> a <input type="text" id="demo">
<button onclick="getLocation()">Try It</button> <p id="demo"></p> <script> 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 showPosition(position) { x.innerHTML = "Latitude: " + position.coords.latitude + "<br>Longitude: " + position.coords.longitude; } </script>En lugar de establecer x.innerHTML , establecería x.value :
<button onclick="getLocation()">Try It</button> <input type="text" id="demo" /> <script> var x = document.getElementById("demo"); function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } else { alert("Geolocation is not supported by this browser."); } } function showPosition(position) { x.value = position.coords.latitude + "," + position.coords.longitude; } </script>