...
 
Commits (5)
......@@ -68,6 +68,7 @@ function loadArtists(genre,_contenu) {
});
}
// Fonction de remplissage du sélecteur de genre musical
function loadGenres(url){
fetch(url)
......@@ -75,12 +76,10 @@ function loadGenres(url){
if (response.ok) {
response.json()
.then((response) => { // La promesse est tenue
console.log(response);
console.log(response[0]);
console.log(response[1]);
console.log(response[2]);
console.log(response[0]); // Affichage du premier object de Genre
console.log(response[1]); // Affichage du second object de Genre
console.log(response[2]); // etc.
// On prend la balise select
let select = document.querySelector('select');
......@@ -100,12 +99,11 @@ function loadGenres(url){
select.addEventListener('change', () => {
let genreChoisi = document.querySelector('select').value;
console.log(`Vous avez choisi le genre ${genreChoisi}`);
// alternative à la methode Array.find()
let paragraphe;
for (let i = 0; i < response.length; i = i + 1){
if (response[i].id === genreChoisi) paragraphe = response[i].description;
}
loadArtists(document.querySelector('select').value, paragraphe);
// Finalement, la methode Array.find() qui permet de trouver le text correspondant au choix dans la comboBox
const found = response.find(element => element.id === genreChoisi);
loadArtists(document.querySelector('select').value, found.description);
});
})
.catch((error) => { // Promesse non tenue => Traitement de l'erreur avec la méthode catch
......