Commit 180035ec authored by Antoine HUMBERT's avatar Antoine HUMBERT

supression de fonction commenté version antérieure

parent 08537427
......@@ -8,11 +8,6 @@ console.log('Almost Everything Is Asynchronous');
let urlGenre = 'http://localhost:3000/genres';
// function genreChanged() {
// console.log(`Vous avez choisi le genre ${document.querySelector('select').value}`);
// }
function loadArtists(genre, _contenu) {
// Modification du h2 pour correspondre avec le genre sélectionné
let h2 = document.querySelector('h2');
......@@ -60,7 +55,7 @@ function loadArtists(genre, _contenu) {
}
// Fonction de remplissage du sélecteur de genre musical
const loadGenres2 = async function (url) {
const loadGenres = async function (url) {
// Chargement des données sur le serveur...
try {
let response = await fetch(url);
......@@ -99,57 +94,4 @@ const loadGenres2 = async function (url) {
};
/*
function loadGenres(url){
fetch(url)
.then((response) => {
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]);
// On prend la balise select
let select = document.querySelector('select');
let option;
//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].name;
option.value = response[i].id;
console.log(option);
select.add(option);
}
console.log(select);
//select.addEventListener('change', genreChanged);
select.addEventListener('change', () => {
let genreChoisi = document.querySelector('select').value;
console.log(`Vous avez choisi le genre ${genreChoisi}`);
// Finalement, la methode Array.find() qui permet de trouver le text correspondant au choix dans la liste déroulante
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
console.log('Il y a eu un problème avec la récupération de données: ' + error.message);
});
}
else {
console.log('Mauvaise réponse du réseau');
}
})
.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);
}); // Astuce : Pour tester le traitement d'erreur => arreter npm
}
*/
//loadGenres(urlGenre);
loadGenres2(urlGenre);
\ No newline at end of file
loadGenres(urlGenre);
\ No newline at end of file
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