JSFiddle - React, Tailwind, and code Playground

by Joshua Dwire

HTML

<input type="text">
    <div id="city"></div>
        <div id="state"></div>

JavaScript

var data = "";

var zips = {};

$.each(data.split('|'),function(i,str){
    var zip=str.substr(0,5);
    var state=str.substr(5,2);
    var city=str.substr(7);
    zips[parseInt(zip)]={city:city,state:state};
})

$('input').keypress(function(){
    var city = '';
    var state = '';
    var val = $(this).val();
    var zip=zips[val];
    
    if(zip){
        city = zip.city;
        state = zip.state;
    }
    
    
    $('#state').text(state);
        $('#city').text(city);
})