Commit 4362d2ba authored by Evan GISDAL's avatar Evan GISDAL

Corrections concernant la recuperation de donnees

parent 8e053d97
......@@ -27,6 +27,45 @@ function loadArtists(genre,_contenu) {
p.textContent=_contenu;
console.log(p);
// Remplissage ul après h3
fetch(`http://localhost:3000/genres/${genre}/artists`)
.then((res) => {
if (res.ok) {
res.json()
.then((res) => { // La promesse est tenue
res = Object.entries(res);
res = res.map(([key, value]) => {
return [key, new Genre(value)];
});
res = res.map(([key, value]) => {
return {[key]: value};
});
// let ul = document.querySelector('h2+p+ul')
// console.log(ul);
// let li;
// let h3;
// let a;
// res.forEach((element) => {
// a = document.createElement('a');
// li = document.createElement('li');
// h3 = document.createElement('h3');
// console.log(element);
// console.log(element[0].name);
// li.appendChild('test');
// console.log(li);
// //ul.appendChild(li);
// })
})
//console.log(ul);
}
})
.catch(function (error){ // Promesse non tenue => Traitement de l'erreur avec la méthode catch
console.log('Il y a eu un problème avec l\'opération fetch: ' + error.message);
});
}
// Fonction de remplissage du sélecteur de genre musical
......@@ -36,13 +75,8 @@ function loadGenres(url){
if (response.ok) {
response.json()
.then((response) => { // La promesse est tenue
response = Object.entries(response);
response = response.map(([key, value]) => {
return [key, new Genre(value)];
});
response = response.map(([key, value]) => {
return {[key]: value};
});
console.log(response);
console.log(response[0]);
console.log(response[1]);
......@@ -55,8 +89,8 @@ function loadGenres(url){
//On remplit la balise select avec des balises options
for (let i = 0; i < response.length; i = i + 1) {
option = document.createElement('option');
option.textContent = response[i][i].name;
option.value = response[i][i].id;
option.textContent = response[i].name;
option.value = response[i].id;
console.log(option);
select.add(option);
}
......@@ -66,9 +100,10 @@ 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][i].id === genreChoisi) paragraphe = response[i][i].description;
if (response[i].id === genreChoisi) paragraphe = response[i].description;
}
loadArtists(document.querySelector('select').value, paragraphe);
});
......
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