Untitled

                Never    
var url = 'http://ville.api.isen-ouest.fr/immo/list/ville/';
var urlimage = 'http://172.31.0.5/immo/images/';

function goGetAllHousesyYouCanHaveAndAddAnyInformationYouCanGet(){
    let ville = document.getElementById('select-ville').value;
    let type = document.getElementById('select-type').value;

    ville = ville.toLowerCase();
    type  = type.toLowerCase();
    
    let urlfiltre = url + ville + '/type/' + type;
    
    fetch(urlfiltre,{
		method : 'POST',
		body : JSON.stringify()
	})
	.then( (res) => res.json() )
    .then( (json) => iWantYouToCreateAllBoxesWithTheJSONYouJustGetToBuyMyNewHouse(json));

}

function iWantYouToCreateAllBoxesWithTheJSONYouJustGetToBuyMyNewHouse(tab){
    let model = document.getElementById('modele');
    let contenu = document.getElementById('liste-annonces');
    let budget = parseInt(document.getElementById('form-budget').value);
    if(isNaN(budget)){ budget = 10000000000;}
    
    while(contenu.firstChild) contenu.removeChild(contenu.firstChild);

    tab.forEach(function(element){
        if(element.prix < budget){
            let modelClone = model.cloneNode(true);
            modelClone.setAttribute("identifier" , element.id);

            let urlimg = urlimage + element.id + '-0.jpg';
            modelClone.childNodes[1].src = urlimg;

            // Put Home
            modelClone.childNodes[3].childNodes[1].childNodes[3].innerText = element.surfaceBati;
            // Put address
            let adresse = element.typeRue + ' ' + element.voie + ' , ' + element.codePostal + ' ' + element.ville;
            modelClone.childNodes[3].childNodes[3].childNodes[3].innerText = adresse;
            // Put Prix
            modelClone.childNodes[3].childNodes[5].childNodes[3].innerText = element.prix;

            modelClone.style.display = 'block';
            contenu.appendChild(modelClone);
        }
    });
}

Raw Text