JSFiddle - React, Tailwind, and code Playground

by jareck

HTML

<body>
    <div id="zipMessage">
    <div id="zipError">
No zipcode found.
</div>
<div id="zip60538">
Welcome to Montgomery
</div>
<div id="zip60504">
    <h1>Welcome to Aurora</h1>
</div>
</div>
<input type='text' id="full_day"/>
<input type='button' id="buttontest" value="Enter Zip Code"/>
</body>

CSS

#zipMessage > div[id^=zip]
{
    display:none;
}

JavaScript

$(document).ready(function(){
$('body').bind('keypress',function (event){
  if (event.keyCode === 13){
    $("#buttontest").trigger('click');
  }
});
  var zipCodes = [60538,60504];
  $("#buttontest").click(function(){
   var zipIndex = zipCodes.indexOf(parseInt($("#full_day").val()));
   $("#zipMessage > div").hide("fast");
   var zipId = zipIndex > -1 ? zipCodes[zipIndex] : "Error";
   $("#zip"+zipId).show("fast");
  });
});