JSFiddle - React, Tailwind, and code Playground

by Deniss Samoilov

HTML

<p></p>

JavaScript

$(document).ready(function(){
    var json ={[
		    {
		        "home_id":"1",
		        "price":"925",
		        "sqft":"1100",
		        "num_of_beds":"2",
		        "num_of_baths":"2.0",
		    },
		    {
		        "home_id":"2",
		        "price":"1425",
		        "sqft":"1900",
		        "num_of_beds":"4",
		        "num_of_baths":"2.5",
		    }, {
		        "home_id":"1",
		        "price":"925",
		        "sqft":"500",
		        "num_of_beds":"2",
		        "num_of_baths":"2.0",
		    },
		    {
		        "home_id":"2",
		        "price":"425",
		        "sqft":"1900",
		        "num_of_beds":"4",
		        "num_of_baths":"2.5",
		    }]};
		//code for filtering//
	json.HOMES = 	$.map(json,function(val,key){
		     if(Number(val.price) <= 1000 && Number(val.sqft) >= 500 && Number(val.num_of_beds) >=2  && Number(val.num_of_baths )>= 2.5) return val;
		     	});
    
    //code for filtering//
    for(var i in json.HOMES)
        $("p").html("price"+json.HOMES[i].price+" ,  sqft:"+json.HOMES[i].sqft+" , beds :"+json.HOMES[i].num_of_beds+" , baths: "+json.HOMES[i].num_of_baths)
    });