Call javascript function with button onclick

Question

geocoder = new google.maps.Geocoder();


if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(successFunction, errorFunction);
}
//Get the latitude and the longitude;
function successFunction(position) {
    var lat = position.coords.latitude;
    var lng = position.coords.longitude;
    codeLatLng(lat, lng)
}

function errorFunction() {
    y.innerHTML = ("Geocoder failed");
}


var city = document.getElementById("location_city");
var latitude = document.getElementById("location_lat");
var longitude = document.getElementById("location_lng");


function codeLatLng(lat, lng) {

    var latlng = new google.maps.LatLng(lat, lng);
    geocoder.geocode({
        'latLng': latlng
    }, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            console.log(results)
            if (results[1]) {
                //formatted address
                city.innerHTML = '<input type="text" name="city" value="' + (results[1].address_components[1].long_name) + ', ' + (results[1].address_components[2].short_name) + ', ' + (results[1].address_components[4].long_name) + '">'
                latitude.innerHTML = '<input type="text" name="city" value="' + lat + '">'
                longitude.innerHTML = '<input type="text" name="city" value="' + lng + '">'




            } else {
                y.innerHTML = ("No results found");
            }
        } else {
            y.innerHTML = ("Geocoder failed due to: " + status);
        }
    });
}

I tried everything but I can not . How can I call this function using <button onclick = "try ( ) " value = "try ( ) " >

dont use onclick... it may have a different scope than you expect. http://stackoverflow.com/questions/195951/change-an-elements-class-with-javascript/196038#196038 — David, Aug 12 '15 at 00:43

score 1 · Answer 1 · answered Aug 12 '15 at 00:40

Assuming your button has an id (<button id=theId>Press here</button>) you could connect using javascript in the .js file or in the html:

<script>
window.addEventListener('load',function(){ // when all is ready:
  var myButton = document.getElementById('theId');
  myButton.addEventListener('click',function(){
    // put here your code:

    var geocoder = new google.maps.Geocoder();

    if (navigator.geolocation) {
       navigator.geolocation.getCurrentPosition(successFunction, errorFunction);
    }

    // etc!
  });
});
</script>

Call javascript function with button onclick

1 Answers1