JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" placeholder=" Enter a location" style="padding-left: 10px;" id="geolocation"></input>


<h1>
sdfsdf
</h1>

JavaScript

function onSuccess(position) {
var latitude = 'abc';
var longitude = 'xyz';

document.getElementById('geolocation').setAttribute("value", latitude + ', ' + longitude);

//document.getElementById('geolocation').value = latitude  + ',' + longitude;
        //element.value =  position.coords.latitude  + ',' + position.coords.longitude + element.value;

    }
    
    onSuccess();