JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places"></script>
<form><input type="text" class="form-control" id="address" value="" placeholder="Indicate your adress" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}">
    <input type="button" id="button_submit" value="SUBMIT"></form>

JavaScript

$("#address").on('blur focus', function() {
		if (this.value=='') {
		$('#button_submit').css('display', 'none');			
   		 }
    });



// JAVASCRIPT GOOGLE AUTOCOMPLETE
function initializeAutocomplete(id) {
  var element = document.getElementById(id);
  if (element) {
    var autocomplete = new google.maps.places.Autocomplete(element, { types: ['geocode'] });
    google.maps.event.addListener(autocomplete, 'place_changed', onPlaceChanged);
	
  }
}

function onPlaceChanged() {
 var place = this.getPlace();
 
	if(place != "")
	{
				
         $('#button_submit').css('display', 'block');
	}
	else
	{
		 
	}

  for (var i in place.address_components) {
    var component = place.address_components[i];
    for (var j in component.types) {  
      var type_element = document.getElementById(component.types[j]);
      if (type_element) {
        type_element.value = component.long_name;
      }
    }
  }
}

google.maps.event.addDomListener(window, 'load', function() {
  initializeAutocomplete('address');
});