JSFiddle - React, Tailwind, and code Playground

HTML

<form>
<input id="city" type="text" />
<button type="submit">Send</button>
</form>
<div class="alert-success">

</div>

JavaScript

$('form').submit(function(event){
    event.preventDefault();
    var userData = "https://maps.googleapis.com/maps/api/geocode/json?address="+$('input#city').val();

    $.ajax({
      type: "POST",
        url : userData, 
        success: function(data){
            $.each(data['results'][0]['address_components'], function(key, value) {
                    $('.alert-success').fadeIn(2000).html('Post/ZIP Code: '+value["long_name"]);
            });
        }
    })
  });