Adding input text and output results

Ask the community
,
1

Hello code pros!

So what I am trying to accomplish is first: User types in their zip code then the button enables so user can click on " Find My County ",

And then it outputs results of text… their city , their county and their zip code . And trying to accomplish this for my campaign website as I am about to announce my campaign run for U.S. Senate and trying to get this done asap. If you can provide the code and if need to setup database so the output results shows what is shown in database, that would work to. I have a screenshot below of the layout and all I need is code. Anyone willing to help? Check screenshot below.

985×566 383 KB

2

https://mt2-king.wixsite.com/website-26/city-county-zip

import wixData from 'wix-data';


$w.onReady(function () {
    $w('#BTNsearch').onClick(()=>{
        xxx()
    })
});


function xxx (parameter) {
    wixData.query("CCZ") //Datacollection City-County-Zip
    .eq("zip", $w('#input1').value)
    .find()
    .then( (results) => {
 if(results.items.length > 0) {
 let firstItem = results.items[0]; //see item below

      $w('#TXToutput').text = firstItem.city
    } else {
 // handle case where no matching items found
    }
  } )
  .catch( (err) => {
 let errorMsg = err;
  } );
}