JSFiddle - React, Tailwind, and code Playground
HTML
<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"/>
CSS
#zipMessage > div[id^=zip]
{
display:none;
}
JavaScript
$(document).ready(function(){
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");
});
});