JSFiddle - React, Tailwind, and code Playground

by therichpost

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea  class="form-control" id="address" name="address" placeholder="Please enter Address here…" rows="5"></textarea>
<div id="map"></div>

JavaScript

$("#address").on('blur',function(){
$('#map').html("");
$('#map').append("<iframe width='300' height='300' src='https://www.google.com/maps?q="+$(this).val()+"&output=embed'></iframe>");
});