Commit 8e053d97 authored by Evan GISDAL's avatar Evan GISDAL

ajout des descriptions dans p lors de la selection du genre

parent 4f41491e
......@@ -17,9 +17,16 @@ function Genre(d){
// console.log(`Vous avez choisi le genre ${document.querySelector('select').value}`);
// }
function loadArtists(genre) {
function loadArtists(genre,_contenu) {
// Modification du h2 pour correspondre avec le genre sélectionné
let h2 = document.querySelector('h2');
h2.textContent = `Top ${genre} artists`;
// Remplissage paragraphe p
let p = document.querySelector('h2+p');
p.textContent=_contenu;
console.log(p);
}
// Fonction de remplissage du sélecteur de genre musical
......@@ -57,8 +64,13 @@ function loadGenres(url){
console.log(select);
//select.addEventListener('change', genreChanged);
select.addEventListener('change', () => {
console.log(`Vous avez choisi le genre ${document.querySelector('select').value}`);
loadArtists(document.querySelector('select').value);
let genreChoisi = document.querySelector('select').value;
console.log(`Vous avez choisi le genre ${genreChoisi}`);
let paragraphe;
for (let i = 0; i < response.length; i = i + 1){
if (response[i][i].id === genreChoisi) paragraphe = response[i][i].description;
}
loadArtists(document.querySelector('select').value, paragraphe);
});
})
.catch((error) => { // Promesse non tenue => Traitement de l'erreur avec la méthode catch
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment