Google Maps AutoComplete

Change class name on click in jQuery

by Abid Shaik

HTML

<script src="https://maps.googleapis.com/maps/api/js?libraries=places&amp;key=AIzaSyCnpIAckReuERuYQvaNKIcwD_tViVB248E"></script>
<input type="text" id="autocomplete"/>

CSS

input {
        height: 30px;
        width: 300px;
        padding-left: 10px;
        border-radius: 4px;
        border: 1px solid rgb(186, 178, 178);
        box-shadow: 0px 0px 12px #EFEFEF;
      }

JavaScript

var input = document.getElementById('autocomplete');
var autocomplete = new google.maps.places.Autocomplete(input);
console.log(autocomplete);