folder controllers
const getAnnonce = (req, res) =>{
const departement = req.query.departement
// console.log(departement);
Annonce.findOne({departement: departement}, (err, docs) =>{
if(err) throw err
// console.log(docs);
res.render('annonce', {docs: docs})
})
}
folder router
router.get('/search', AnnonceController.getAnnonce)
file page home
<form action="/search" method="GET" class="form-inline">
<label class="m-1" for="departement">
<span class="homeSelect btn btn-warning">Entrer votre département pour bénéficier des biens offerts par votre voisin</span>
</label>
<div class="input-group w-100">
<select class="form-select" aria-label="Default select example" name="departement" id="departements">
<option value="Ain">Ain</option>
<option value="Hautes-Alpe">Hautes-Alpes</option>
<option value="Alpes-Maritimes">Alpes-Maritimes</option>
</select>
<div class="input-group-btn">
<button class="btn btn-info float-right">submit</button>
</div>
</div>
</form>
file page condition ejs
<div class="row">
<% if(docs) {%>
<div class="row">
<div class="col-7 mt-3">
<div class="card">
<div class="card-horizontal">
<div class="img-square-wrapper">
<img class="" style="width: 200px; height: 100%;" src="<%= docs.image1Upload %>" />
</div>
<div class="card-body">
<h6 class="card-title">
<i class='fas fa-american-sign-language-interpreting text-danger'></i>
<%= docs.titreBien %>
</h6>
<h6 class="card-title">
<i class='fas fa-american-sign-language-interpreting text-success'></i>
<%= docs.Categories %>
</h6>
<p class="card-title">
<i class='fas fa-american-sign-language-interpreting text-primary'></i>
<%= docs.address %>
</p>
<h6 class="card-title badge bg-warning mt-5">
<%= docs.date %>
</h6>
</div>
</div>
</div>
</div>
</div>
<%} else {%>
<div style="position: relative;" class="bg-white text-dark p-5 mt-5" data-aos="fade-right">
<form action="/search" method="GET" class="form-inline">
<label class="m-1" for="departement">
<span class="homeSelect btn btn-warning">Entrer votre département pour bénéficier des biens offerts par votre voisin</span>
</label>
<div class="input-group w-100">
<select class="form-select" aria-label="Default select example" name="departement" id="departements">
<option value="Ain">Ain</option>
<option value="Aisne">Aisne</option>
<option value="Allier">Allier</option>
<option value="Alpes-de-Haute-Provence">Alpes-de-Haute-Provence</option>
<option value="Hautes-Alpe">Hautes-Alpes</option>
<option value="Alpes-Maritimes">Alpes-Maritimes</option>
</select>
<div class="input-group-btn">
<button class="btn btn-warning float-right"><i class='fas fa-search' style='color:rgb(56, 56, 53)'></i></button>
</div>
</div>
</form>
</div>
<div class="jumbotron bg-white text-dark mt-1 mb-5">
<h3 class="text-center">ERROR 404, laBonte ne prend qu'en charge les departements de la France</h3>
</div>
<%} %>
</div>