Commit b681421d authored by Evan GISDAL's avatar Evan GISDAL

Ajustement du css pour meilleur affichage des images

parent e88aa8a2
......@@ -37,12 +37,23 @@ header{
padding : 0;
}
#main li{
padding : 10px;
margin: 20px;
display: inline-block;
border: solid 1px silver;
}
#main li img{
height: 200px;
}
#main form, #main nav > p{
display: inline-block;
}
#albums{
visibility: hidden;
visibility: visible;
width:500px;
background-color: white;
position:absolute;
......
......@@ -71,6 +71,7 @@ const loadGenres = async function (url) {
else {
throw new Error('Mauvaise réponse du réseau');
}
console.log(response);
// On prend la balise select
let select = document.querySelector('select');
......@@ -85,6 +86,7 @@ const loadGenres = async function (url) {
select.add(option);
}
// Déclenchement à chaque nouvelle selection de genre musical
select.addEventListener('change', () => {
let genreChoisi = document.querySelector('select').value;
console.log(`Vous avez choisi le genre ${genreChoisi}`);
......
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