JSFiddle - React, Tailwind, and code Playground

by plouffe514

HTML

<label for="textfield">
Enter Text:</label>
<input id="textfield" type="text">
<button id="submit">
Submit
</button>

JavaScript

$('#textfield').keyup(function(event){
   if(event.which==13){
       $('#submit').click();
   }
});
$('#submit').click(function(e){
   if($('#textfield').val().trim().length){
      alert("City - <span class="city"></span><br />
            Region - <span class="region"></span><br />
            Region Code - <span class="region_code"></span><br />
            Country - <span class="country"></span><br />
            Country Name - <span class="country_name"></span><br />
            Continent Code - <span class="continent_code"></span><br />
            European Union - <span class="in_eu"></span><br />
            Postal Code - <span class="postal"></span><br />
            Lat / Long &rarr; <span class="latitude"></span>  /  <span class="longitude"></span><br />
            Timezone - <span class="timezone"></span><br />
            UTC Offset - <span class="utc_offset"></span><br />
            Calling Code - <span class="country_calling_code"></span><br />
            Currency - <span class="currency"></span><br />
            Languanges - <span class="languages"></span><br />
            ASN - <span class="asn"></span><br />
            Orginization - <span class="org"></span>");
   } else {
    alert("Field can not be empty!");
   }
});