Javascript innerHTML into form text value

Question

I have a javascript code that has an innerhtml function, like this

<script>
var x = document.getElementById("gps");

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

function showPosition(position) {
    x.innerHTML = position.coords.latitude + 
    "," + position.coords.longitude;
}
</script>

and I want to enter the output from the javascript code above to be entered into the input text form value

<input type="text" id="gps" name="gps" value="">

but I can't get the results I want, is there a code that I have to add or change?

try x.value = "Geolocation is not supported by this browser."; instead of innerHTML — Alwaysblue
– Alwaysblue, Commented Nov 27, 2018 at 22:31
could you please clearly write what do you want to do your functions and which result you want to get? because this is not clear to understand. — Bagrat Zakaryan
– Bagrat Zakaryan, Commented Nov 29, 2018 at 6:02

creativetim · Accepted Answer · 2018-11-27 22:31:46Z

1

You need to call your function.

Assuming your <script> block is at the bottom of your page, after the <input> has been rendered this should work:

<script>
var x = document.getElementById("gps");

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

function showPosition(position) {
    x.innerHTML = position.coords.latitude + 
    "," + position.coords.longitude;
}

getLocation();
</script>

answered Nov 27, 2018 at 22:31

creativetim

1,1382 gold badges13 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Javascript innerHTML into form text value

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related