Commit e88aa8a2 authored by Evan GISDAL's avatar Evan GISDAL

Corrections pour les images persistantes après selection de genre

parent 2947c053
......@@ -23,17 +23,22 @@ async function loadArtists(genre, _contenu) {
p.textContent = _contenu;
console.log(p);
// Remplissage ul après h3
// Apparition du nom de groupe et image à chaque selection de genre
try {
let res = await fetch(`http://localhost:3000/genres/${genre}/artists`);
if (res.ok) {
res = await res.json();
let ul = document.querySelector('h2+p+ul');
let li, h3, a, img;
//On enleve les images qui ne correspondent pas au genre selectionné
while (document.querySelector('h2+p+ul>li') !== null) {
li = document.querySelector('h2+p+ul>li');
ul.removeChild(li);
}
console.log(ul);
let li;
let h3;
let a;
let img;
// On ajoute chaque groupe correspondant au genre sélectionné dans une liste à puces
res.forEach((element) => {
a = document.createElement('a');
li = document.createElement('li');
......@@ -41,11 +46,11 @@ async function loadArtists(genre, _contenu) {
img = document.createElement('img');
li.appendChild(a);
a.appendChild(h3);
a.setAttribute('href', '#');
h3.innerHTML = element.name;
img.setAttribute('src', element.photo);
img.setAttribute('alt', `picture of ${element.name}`);
li.appendChild(img);
console.log(li);
ul.appendChild(li);
});
}
......
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