JSFiddle - React, Tailwind, and code Playground

by webchemist

HTML

<textarea id="cList">
</textarea>
<br/>
<table id="checks">
</table>
<tr colspan="5"><th></th></tr>
<table>
    <tr>
        <th width="120">Word Input</th>
        <th width="120">City Input</th>
        <th width="180">Word Select</th>
        <th width="180">City Select</th>
        <th width="240">Results</th>
    </tr>
    <tr>
        <td><textarea id="wList"></textarea></td>
        <td><textarea id="cList"></textarea></td>
        <td id="wSelect" valign="top"></td>
        <td id="cSelect" valign="top"></td>
        <td><textarea id="result"></textarea></td>
    </tr>
</table>

CSS

#cList{
    width:400px;
    height:200px;
    
}
#checks span{
    display:inline-block;
    width:200px;
    height:30px;
    v-align:top;

}
#result{
    width:240px;    

}

JavaScript

var words = [
     "Real Estate"
    ,"Property"
    ,"Property for sale"
    ,"Properties"
    ,"Properties for sale"
    ,"Buy house"
    ,"Sell house"
    ,"Selling house"
    ,"Buying house"
    ,"Realestate"
    ,"Real Estate agency"
    ,"Real estate agent"
    ,"Best real estate"
    ,"Home appraisal"
    ,"Home valuation"
    ,"Land appraisal"
    ,"Land valuation"
    ,"Homes for sale"
    ,"Land for sale"
    ,"Units for sale"
    ,"Duplex for sale"
    ,"Houses for sale"
    ,"Townhouses for sale"
    ,"Apartments for sale"
    ,"Rentals"
    ,"Property Management"
    ,"Strata management"
    ,"Auctions"
    ,"Industrial leasing"
    ,"To let"
    ,"Rental properties"
    ,"Property rentals"
    ,"Residential property management"
    ,"Leasing"
    ,"For rent"
    ,"Homes"
    ,"Land"
    ,"Houses"
    ,"Commercial"
    ,"Shops"
    ,"Retail"
    ,"Businesses"
    ,"Land Sales"
    ,"Residential"
    ,"Commercial land"
    ,"Industrial"
    ,"Industrial leasing"
    ,"Accommodation"
    ,"Holidays"
    ,"Holiday"
    ,"Acomodation"
    ,"Holiday Accomodation"
    ,"Holiday accommodation"
    ,"Luxury Homes"
    ,"Luxury living"
    ,"Luxury Properties"
    ,"Luxury real estate"
    ,"Prestige homes"
    ,"Prestige properties"
    ,"Prestige villas"
    ,"Family homes"
    ,"First home buyer"
    ,"First home"
    ,"Development sites"
    ,"Clearing sales"
    ,"Developer clearance"
    ,"Investment properties"
    ,"Luxury apartments"
    ,"Oceanfront"
    ,"Waterfront"
    ,"Beachfront"
    ,"Ocean front"
    ,"Water front"
    ,"Beach front"
    ,"Beach houses"
    ,"Coastal homes"
    ,"Mountain retreat"
    ,"Wineries"
    ,"Vineyards"
    ,"Orchards"
    ,"Gain farms"
    ,"Sheep farms"
    ,"Cattle farms"
    ,"Irrigation farms"
    ,"Stock farms"
    ,"Broad acre"
    ,"Large acreage"
    ,"Hay farms"
    ,"Banana farms"
    ,"Rural"
    ,"Rural residential"
    ,"Acerage"
    ,"Farms"
    ,"Hobby farms"
    ,"Grazing"
    ,"Cane farms"
   ...