Exercice 5/7
Nous allons commencer par déclarer les différentes variables nécessaires.
Nous devons créer 3 variables (photos, index et total).
La variable photos contiendra les éléments du DOM li (.photo-list li) contenant les photos. La variable index nous servira d'indice pour boucler sur le bon nombre de photos. La variable total contiendra l'élément du DOM em ('#total em') où le nombre de photos sélectionnées est affiché.
Leçon 5/7
Une interface de sélecteur de photos a été mise en place graphiquement, nous souhaiterions cependant avoir une interaction.
Nous souhaiterions détecter le clique sur une photo pour rendre l'apparence comme sélectionnée de celle ci et de modifier la valeur numérique du nombre de photos sélectionnées dans le texte "Vous avez sélectionné N photo(s).
71 Commentaires
-
alisenane19-5
S'il vous plaît j'ai besoin d'aide. ou se trouve mon erreur? var photos; photos = document.querySelectorAll('.photos-list li'); var index; var total; total = document.querySelector('#total em');le 19/02/2023 à 16h06
-
Patricio M Admin
Alisenane, ton dernier code fonctionne très bien
le 20/02/2023 à 08h27
-
christophe.gagniere-47
Bonjour, pourquoi faut-il mettre un point devant 'photo-list li' ?le 18/02/2022 à 10h58
-
meriam Admin
Bonjour, photo-list est une classe.
le 18/02/2022 à 11h02
-
fiarda33-67
bonjour je ne comprends pas ou est mon erreurle 08/12/2021 à 08h16
-
meriam Admin
Bonjour, votre code fonctionne correctement.
le 08/12/2021 à 12h13
-
graignic.bruno-78
Votre question pour un professeur: bonjour, je demande jamais rien mais là je sèche. Il me dit que je n'ai sélectionné aucune image. Mon code : var index; var photos; var total; photos = document.querySelectorAll(".photos-list li"); total = document.querySelectorAll("#total em");le 06/12/2021 à 16h31
-
meriam Admin
Bonjour, pour la variable total, il faut utiliser la méthode document.querySelector()
le 07/12/2021 à 13h12
-
caillarda-67
du coup j'ai le message d'erreur suivant : Vous n'avez pas récupéré l'élément du DOM "#total em"le 17/11/2021 à 17h51
-
meriam Admin
Bonjour, il faut utiliser la méthode querySelector()
le 18/11/2021 à 16h29
-
meriam Admin
au lieu de la méthode querySelectorAll()
le 18/11/2021 à 16h29
-
caillarda-67
Bonjour, je ne comprends pas mon erreur, pouvez vous me corriger svp ? var index; var photos; var total; // déclarez les 3 variables (index, photos et total) /*************************************************************************************************/ /* ***************************************** FONCTIONS ***************************************** */ /*************************************************************************************************/ /*************************************************************************************************/ /* ************************************** CODE PRINCIPAL *************************************** */ /*************************************************************************************************/ // stockez dans la variable photos TOUTES les balises <li> {photos = document.querySelectorAll(".photo-list li");} // stockez dans la variable total la balise em (ciblez la correctement) {total = document.querySelectorAll("#total em");}le 17/11/2021 à 10h27
-
meriam Admin
Bonjour, il faut supprimer les accolades que avez ajouté au niveau de cette ligne de code :{photos = document.querySelectorAll(".photo-list li");}
le 17/11/2021 à 13h35
-
meriam Admin
Pareil pour la ligne suivante.
le 17/11/2021 à 13h35
-
silya76fr-90
Merci meriam, j'ai bien séparé la déclaration des variables de l'affectation des résultats et bingo le code fonctionne, Merci encorele 10/09/2021 à 19h21
-
meriam Admin
N'hésitez pas à poser des questions si vous trouvez des problèmes dans les exercices qui suivent. Bon travail.
le 13/09/2021 à 09h57
-
silya76fr-90
Bonsoir meriam. je rencontre toujours LE MEME MESSAGE quand je soumets ma réponse alors que mon code est correcte. Peux_tu m'aider . Message: Vous n'avez pas récupéré les différents éléments du DOM ".photo-list li"le 08/09/2021 à 19h53
-
meriam Admin
Bonjour, vous devez séparer la déclaration des variables de l'affectation des résultats.
le 09/09/2021 à 11h35
-
silya76fr-90
var index; var photos = document.querySelectorAll(".photo-list li"); var total=document.querySelector("#total em");le 08/09/2021 à 19h51
-
meriam Admin
var photos; var index; var total;// stockez dans la variable photos TOUTES les balises <li> photos = document.querySelectorAll(".photo-list li"); // stockez dans la variable total la balise em (ciblez la correctement) total = document.querySelector("#total em");
le 09/09/2021 à 11h33
-
silya76fr-90
Bonsoir meriam. je rencontre toujours alors que mon code est correcte. Peux_tu m'aider ce message Vous n'avez pas récupéré les différents éléments du DOM ".photo-list li"le 08/09/2021 à 19h49
-
meriam Admin
Bonjour, séparez la déclaration des variables ainsi que l'affectation des résultats .
le 09/09/2021 à 11h32
-
rosepamela-16
Bonjour, j'ai besoin d'aide, je suis bloquée. Mon code ne passe pas, même avec querySelectorAll("photo-list li"). Je ne comprends pas pourquoi on ne peut tout simplement mettre querySelectorAll("li"). Idem pour le "em"le 30/03/2021 à 14h32
-
meriam Admin
// déclarez les 3 variables (index, photos et total) // stockez dans la variable photos TOUTES les balises <li> photos = document.querySelectorAll(".photo-list li"); // stockez dans la variable total la balise em (ciblez la correctement) total = document.querySelector("#total em");
le 30/03/2021 à 22h14
-
isaacrasolofo-61
Bonjour, petite question, dans l'attribution d'une valeur à la variables "total" pourquoi doit-on mettre "#total" a priori total = document.querySelector("em"); devrait fonctionner?le 21/02/2021 à 14h01
-
meriam Admin
Bonjour, il faut sélectionner l'élément em qui se trouve dans l'élément qui l'id total.
le 22/02/2021 à 13h50
-
sbrahimcode-99
il est étrange comme exercice, je récupère bien les photos avec le querySelectorAll('.photo-list li') je le vois bien en bas de page tout comme le nombre de photo séléctionnées, mais je n'arrive pas à valider l'exo... mon code:var index; var photos = document.querySelectorAll('.photo-list li'); var total = document.querySelectorAll('#total em');le 25/01/2021 à 12h54
-
meriam Admin
Bonjour, vous devez séparer la déclaration des variables de l'affectation des résultats.
le 26/01/2021 à 07h57
-
sbrahimcode-99
Bonjour, j'ai fait ca mais je bloque je ne comprend pas l'objectif de cet exercice:var index; var photos; var total; /*************************************************************************************************/ /* ***************************************** FONCTIONS ***************************************** */ /*************************************************************************************************/ photos = document..getElementsByTagName('.photo-list li'); total = document.getElementById('#total em');le 24/01/2021 à 13h25
-
meriam Admin
Bonjour, tout d'abord, il faut déclarer les 3 variables index,photos et total.Ensuite, la variable photos doit contenir les éléments du DOM li ==> pour cela utilisez la méthode querySelectorAll()
le 25/01/2021 à 10h02
-
meriam Admin
La variable total doit contenir l'élément du DOM em ('#total em') où le nombre de photos sélectionnées est affiché ==> pour cela, utilisez la métode querySelector..
le 25/01/2021 à 10h03
-
splash.pub.tn-3
var index ; var photos; var total ; photos = document.querySelectorAll('.photo-list li'); total = document.querySelector('#total em');le 20/01/2021 à 20h06
-
meriam Admin
Votre dernier code est correct.
le 20/01/2021 à 20h58
index.html
main.js
main.css
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>JavaScript</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<header>
<h1>Sélecteur de Photos</h1>
</header>
<main>
<ul class="photo-list">
<li><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gNzAK/9sAQwAKBwcIBwYKCAgICwoKCw4YEA4NDQ4dFRYRGCMfJSQiHyIhJis3LyYpNCkhIjBBMTQ5Oz4+PiUuRElDPEg3PT47/9sAQwEKCwsODQ4cEBAcOygiKDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7/8AAEQgAYABgAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8AzJmafUET+FeFFakEZtbSebgMzM2fpx/SqFpHm6V27CtS4XdpbD+8n86+Jqy2iYmLaTGUn0onJLAL3qxa20dtZl264602KAgfaZRj+4vr71s5LmbQ0tB8IS1YbsGQ9fapHus896z33tcYGST6Vfiswo8y5baOyjqaiSS1YJkEdqb25AYfLn5j6DvV3+z0a7aZ+WJ4ReijsKni3GMrFGFQjn1xTEn/AHmB0FZyqSewyz5SxJukIx2UVAb3zHEUeAeuewHrUV7MxjJJ/CsEySSO8SMcOfnI9KdGjzq7E5FrXL0XUa21ux8lTy3981nQxBVx6dathF3bdnA4FRSfu1x6mvQXuRUUI1LeTI46kYFaN0+yBYhydorP01RkOf4FLf0H6kVdvgyRxgEb2bk/hXnVEudIRWt0aRwrj5RyRVi5gknxs+VB1JqW2hWJDJO3GeFHeoXuJbyfylGyJew71HM3K66FLYYDBbr+5UPJ3Y0kEbSyb5Tn61JJEIwFHU0kpaIxRJjfM2BnsOpNO99ho07eLzIS3QH+VUpYttx8q5HerSzqibT0HSsXUdRmVZDBC7yEHaAQM49yeKKSlOXKkPcz9blvb+8WysVaKKPm4uD0UZ5GO5rXt9HWCyJYHe3Jz1HtVDRoL9WK6jIrymUyFVAwpOPlz3xgH649K6mRf9H59K9CTV/ZxtZdhWu7nHOGScoDwDTpIlK7zz7VbuogZWI4zVRULNjPApRld6CLdn5itCg482XH1Vef5mrmruVEZX7wJNVbNJJNYjIP7qBdoPqe/wCuafqU6yXflA/dH581ytXqr0IJoGZohvOTinCRbeJpD3qKPKxqMfMxwKS+TKCMHpUWTlYojtb37Rdbm6DpV6Ro/tqvyZAm0ei55NUbK0Ef7xjgDlj6CoZLoifzsZJPI9q05IynpsBeu3VUL+aVA6kjiuft4ZtWv4rpLuMQo/7uOJid7DqSfQdce49asXslrqQaza/eNihZo0wpYDqOf8e2K09LsYLOBfKiWJCuEVVxhfx5yeprovGhBtbsosWsAiYDHAq1PeDG0HgdKr3EwRSFPWrGgBJpJnJ+dMY9h61hRUpu3cDFupyr4dSuexGDUIdU+YflXRa/HE1k5fBK8qT61yjNhK6pUuR2Q3Eu2t02CY2CEDgn1qLzI5tS/dtuVVC7vX1P55qLTbM6jI5LFIo+uO9QSSC31eWOMYVWwB9KhQjzNLexijo4CuWkbpGtZMl48shbHerrSldNxjmU9fam21qjlUAyWNc0LRu2XYV5jFpoLD5pjgD2FZ5VSrTSzCFACdzEY/WpdUuVa4aOMjZGNi89qoXdp/alqivKq2sbAPGnLPnkAnsCQK6KMFvLRMZbstHtYL95C7yytzJIzAjb1Crjsa3PNV2IH5VkWx8pREgGSMnHAFXLaNtxckisazcneTGOuwARjvVaI3VtIbi3kMb4xkd6sXcoyAKi+0/uyoGcUU21ZgijcT3M83+kTNI3XHYfhSLD5kigfU1WMjNOXI4zxWiJEgtGmbg4rpm2hlvR4GtbWVXwG3c1hxwtc6qSOS7n+dT/ANssLMRQDljktnr9KXQI3ur6SQzrb7R1wGJ+meP51MYThzzfUyVmamtEW8cUS/wL0qvYzGK0nu3bAX5E56k9f0qPVo5N+RLLLk9XPJ/LAq21oPIjthx5a/PjHzMeT/QfgawXKqaT6lnNMHu7hbZJkSWckAsQexPA71NZ2UdghRGyxYl3PLMfUn8xxUlxpMNndtdzSM9y4/dgjARe5GPy/wD11SkvNs4iUcY4r0U+dWg9BeR0thCJApFWrkiCHOcZrNsLoxouT1qa+mMie3avNlCTqa7FXItzS9WzUwRViwe9VbONnkOelX2CEqh+lVPR2C5TW1WWQBRwO9Ra1tjtfJHcc1sbUt4y3TArKa2Oo3OTnbnk06c7y5nsgZDcWNtpum+bK+6VlO0egpukwvJbNcj5VXt61LrFoY7W3jLtJJIMu7dSOMD6VaiR7fSWAG2NBlj7+n1rTnbp73bZCQyK5e5kUKq7kx944Ge2T9as2cocv8xMaEs8jcbj1qhbykaezIvLNuAHdj8qj/0I/lT9RkGnWEVgpzJIN0h9qiUE3yJBcq3k7Xlw0p+70Ue1Zht8z7j2rXhVJI8kZpjtaxg+ZGR710wny6JFW0I7Z8yqnYVpzupQIvJNUIWtBJuQMasLIoYNsYisZq7vYS3LMIEeB3NTbcyA+lU/tMTSZwwA9qmkv4PJIQ/N7isXGV9hjLyZ7iVbeM9Tz7VLNcRadbbVI3YqlDKtvC8+dzn0rM82W/utz5C56Gto0ebTogWmp//Z"></li>
<li><img src="data:image/jpeg;base64,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"></li>
<li><img src="data:image/jpeg;base64,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"></li>
<li><img src="data:image/jpeg;base64,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"></li>
<li><img src="data:image/jpeg;base64,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"></li>
<li><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gNzAK/9sAQwAKBwcIBwYKCAgICwoKCw4YEA4NDQ4dFRYRGCMfJSQiHyIhJis3LyYpNCkhIjBBMTQ5Oz4+PiUuRElDPEg3PT47/9sAQwEKCwsODQ4cEBAcOygiKDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7/8AAEQgAYABgAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A9MUU/GaRRxTsVmWNg6Yp7ICCD0pIh8xHvUhHzUAMKfIVHHHFeFw+b/aM9rPxIjsrZGTkGvd8V5h4z0xtH8SNqKJmC7+fIH3X/i/x/Gsqi6m1J62JNJ8TalorLDc7rq1x9xjlkHsf6Gu10vX9N1cKLW4HmH/lm/DD8K8yn1ZpYiNgSPGAFII/+vUNnb3bW7TWpkWVW3ROF5B9qycpQV0aOnGT1PaPskkuBjAPenm1WONjLIABWPousXQsolv2HnNHk+xxReayk1vJHIcrj9M03XjYz9jK55x481ldUv5oraUtbWrhAB3Pc/59K5c6ppwXY6yIcdVYEmvQB4QspZ5ZYXI8xi3qOawdU+HqK7Mbl2JycEAZPp7UUtdy5u2iPXwKcBQopwFdJzDVGJDUjDmmgfvPqKlI4BoAZiue8a6Z/aGhlgCWtnEmB3HQj6c5/CukxTJUDROpXcCpBHrSkrqxUXZ3PENM8M3evaoYiyQW6HJ2tkce1enaVoFvpeniJCH2j7xHJqHw34Wg0rzrnkmRiQD2FaV5KETO8KoPUtiue/um71kc/rFwbWWO4U/JE21x7Hiuel1mRWuIgASiPj8DkfpWjqeoQNcXMH+tSRRjaQ3P4Vi/YgLn7QCWV15rk5dbm91ax0el3qxm1hBO2SMMuT0NacrpcFi2B2ArzK9127sfLuhECqS+XEM4ycevpitDRNU8ReIr8wb4YbeNC8myPhPQZNdVOEkr9DCcot2PYxxThQBmnAV1HMIfvqalxwKjcfd+tSj7tAxAKU9KUUuOKAMvULpo7fEZAZ+BXHa5og1a0ktzqRju9wZC5IX6HHY11V/bs1wAz42nK5NctqVzHY3Wc/Menr+lcc7qXMdMGmrHOR+D9W0adNXWCFWgIMqLNuEidDgAehzz6VeVvM3mNfl3dO2DXRWSy3FjIZyf3qEDJ7EVxV5cy6HePBcLu8w/umPyr7DNZVJynJGtOEYoz2ii/tqCzvYxJbrP5nlsMhgQa6rU9St9PhFnaWkNnankrGoQMfc1x9nI2qeIXuQoWKEYZs/Ln0z+Nb12huoWDzwlNv3RMpcD1xmrXNezZErLU9cApwpopwruOQG+7Ui/dphHymnxH5fwoAcKKSlzQIrX1p9oi+XhwODXC6np1y158sY3Kec16JWLq8Hm5IA47HvWU4p6mkG0Y4uEGnBDjzlGDhAf/QuAK5HxFrCNZvZNALhm4wfm/kAPyrpLthChBibcQTxz2/z+dc1OWD+YIyfUFawa1ubRlpY5Sxu7vTolhW22qORjFaLapcSr8ruARgrkYH5AU68ikmckREVFbWEvIC7VPX3pp63Bnuope9JSiuw5R3Y06E8CkFEXBx70hjgT3FKeTQetFAhyjIJqlPHvJq+OEqo52yYzgVMhxMieyVzyB361nzaPFjPGPpXUFFK5xVSSAO2cVm4mlzk59JiUkqA2ewFVP7KKkkhY1HJ7mutljUDlAD6mqgsxOxUjKDk+5qGikzfFOxSDk06uoxFFInDmhScnIxijpIaQEh60maGPSkJpgI8wHcce9Z9/qFvGmWlUEc9ai1ORoQdnBfgH3rEbS7N5/MuSZmHPzHIz9KwnJouKNiw1u3updkdxGzDqu7mtRpBsJA6+lef32kLc36JZ5hcchk4I/GugsdKksoh5mpXTuP70mQPzrJVDRwNd4d+0scHrio5jFHCVPAxzWXd311a5dmDwjhnTt9RRaXDXkbPISsRbPzcA1XMrXJs7n//Z"></li>
<li><img src="data:image/jpeg;base64,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"></li>
<li><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gNzAK/9sAQwAKBwcIBwYKCAgICwoKCw4YEA4NDQ4dFRYRGCMfJSQiHyIhJis3LyYpNCkhIjBBMTQ5Oz4+PiUuRElDPEg3PT47/9sAQwEKCwsODQ4cEBAcOygiKDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7/8AAEQgAYABgAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A8od2jupUidVQkkccE1rrOZ7MyRNmUjgHAx2rOmtxLYC5jLHZyR6Dv+PrThGZIllJWNTnblx8xx2+lVzuOxDV9y9G88KTzzW4EkQBVzk57ZFU52mvbKaUsCsZDu7dST0UfQGlm1ZTHIY1YvIm0l+QfXOaz281ozlwwZskA96i0FqkUrvQ17LU2trKJhBvKxkEk4BwTjn+lZtzdm7H71CGAzuHc9aWzzLG8L+Y0a5cIvI3Y61et4/P0+RRFFlV3M5A3Eeg9Kbnf3SeWzuYi9hVkzBYyFyc8Htx/Wq6gFgCcc9fSpQrOdm4EDgHOKlljVXcck4FPy0TYjc/7wqWOEFeo9jVo2p8pcJz1b+lK4itGrzLh1kkLHOBnJ/zzSrAr7QC5cn7gGMDmukZZJtOtrbBhaP7hTPzAg4BPrkdaYbFdKjAkKia4zHxwYwARn6k/p9aasJ3Rgg7h53TJJeMNjfUdqWe7FnCxEcr4yQNwB681o2NgXmW6fiLJI/2vwqPWYVt7qO+tgFy3OP7w5rSNrXHK4X9qgvTBEEVbeIZBOMn6+uP5VHD9mcqCQ2ByuOv/wBetfRLMX1vNezojPPJkDHCgVdi0iKKZXlAkbG0MQBgfQVpKi56ow9oo6M5bT5/stzOhjJ3oybS2CP/AK9Xrt0jtF8hCiPGclO59/THH41W1WH+z9YD7co+JFB7qf61ry/2E1iSsifMvY/MM+o9elYSg3o+hrdbnO2Fkb6+SANtBJLN/dUck/lVy6sfsq4hUTJJysg68Y7fjVK1aU3B8jepIOdnoavvZtDYsZrgBlIXy/TPP9PepbWxdmJYq7EIiqu9Rg7hnGf/AK1dr4U0JdQv4onC7ZTjLAGuLiRbVoy0mAyhvl5zn0/+vXW+H9aWyLSQSbZMjyty5YYPX+dSwTs7ndXfhPTdHuGW4uVY+SfKLjCp1yfwrlb/AMNNewziabcBK8luykZII4yfTJpNX8YXUiMNRk3SP88Q8vgdgeo4P9BWpaamL2yhldBEzryo5A/H6c1vRUXozOrNt3R5pG/2e6RbsGN0+7kDbkehNP1mIPZhyctu3Agcenb/ADxVsaNDNN+/klnbBJZuMdsDtWTd29xAsqIWMC8YccqM/wAs1lKg4y5jZVVJWNvwjIzWLxkcLIcHPsP/AK9bl0JPKxH1wcndggY6iub8Jnd9oiz3U+/eunNtvIXeyuvOQetelT1pWRwTsqt2cl4islNpBfJcGQkBCGzn8Pb/ABrn97CMpuO3OcV2/iaArojl0QBCNuBzywzXEYIPFcdSLi9TrhJSWg6CV4H3L3GCD3FaNpplxeyQsXjRJiSZGbhBnHP+e9UoInurlULfNI3LH3rr9Ogjtokt0Xf5JLyFQOg5IznnnH51i90bRjeLb2MddIu4baC5AVkmJ2kHkAevoK0NHjKvcXRVZI1VVkR2OACeenPat6BSA8EyELt8zzF5XrnGe3XmsWbSJVdnUxrBNKw2I2SV6/yFEouOxCSZX1C8NzcXDW1qxQSK5XO5U9CB2HP644ra0/UZbTS/3wMojkGfLIAAIGOvJ9araZpb2sM8oyxZcMoypAzkg8cDGKmSxgNo4kud6yEbF2cAA4A4PPPr7UuaS1RoqK6nfr4Y0bXrbfbj7BMg42dPyz0rz/xhp39i+fpzYklkTzS8Yzke/cdCOa72G3ntoxLDcRNHnjHJH4Vi69ZW8lpJdXFu9xcSAIEYcqOff0Bzj2x61pKrJLcwjTi3sea+Hbk2+pbN23zlKA+/avRNHtf7Su/JiBVACXl2khQOp+nXmvMb23NjqM9sr5MErJu6dDjNeqeEGMdkt8jzXCXa/v4xlVQYwATghuc9+hXpVKrKC0G6cZ3uZfxAn0yPw1HbWSSNMbkB5nyNyAMcYz647dq8zHHWu9+JNwCbOFYPKBZ29M9B0/GuK0+IXGqWsDgsskyKQO4JFKUnJ3YopJWRvWei3NpG7mNlljA3gjB55/PFaNrZTiZSquEAUsu/JZs8bj0HNdnqt1iZbmGCGWWZNgCL88THAydwwcBRg+hx9bGn6/LbWQivrS1uJRlXkcb2cZJGSeeCTXMk29judSMYoxYrW4vN6pBK8sK5kBHGBgMAO2PpWJcNcpqChUEKNOVyRjb6D16DnFegHxUwCR2sSQRpgKEGMYGMU+c6T4iaNdQ04l/M3u0HymTjHOOeuD+FayUna5zwnBNnFlrnUIFmBj8svtC4JBHAByPxrVstHhhtpLR5CYm5UHsT7/1rrF07w5olpHAkB2bd6xyO3AJPTHvT4NH0/Ula6trgwwjgxn5ip/qOtdFPk3kYVJTa5YaIwG8K3sKvHbXBdgPmAbpVefw9rkY+0K8sksYykZbOG9cCtW21+RFxKmWxjepwauWviLa+6USNx3waidCb3QoV4rZngeqQTW+qXMVwrCVZWDhuuc817H4EurebwDpaOyN9nmlV/m+ZMsSD7dRXnXxCgKeJXugG23aCQErjJ6H+VXPAWrada2t7Bqd4ttGhEqE9+MHH5DinGNpWYSleN0O+LNwkviuOCP7lvbIu7cDuJy2eAPUflWL4GsP7Q8W2URztQtI2BkjAJH64rP1fUTq2pz3hyFdvkDdQo4A/Kuj+G9nNLqt1dxK5EEIXKg8Fj/8AYmko3lZDcuWN2eg3mkSqT5LtL6KByKrW/hnUrwbokU+q7xkfhW1p+o3Vs3yRmQHggrnNXG1GWKNt1k1s+7IkQbTn8RVOlNaGaqwepX0fwqkb/wDEwgdiOcDgfjW/PbQadpEs+nWyiUDjuR69axrrWWu7UQvCC46SE/MPyqtBqV5bIUSQlT2PNCoyauwdaKZzd3qM80h8wktk9e1SafezxsVTcQ3UDvW006u+6W1hl/30/wAMUzzGVnMMaQh+ojXFX7GWxHto7jY7ay84xlGJ3cEtxipJbWwt3YeZJIccICAc/wBa8YttW1SB2kiv5kZuCd55/Omt4h1aKYsNRuCRxneax9rLua+yj2Os+IIhvbCC4GyKSDhU3csp68fXBrztjkdatzXE9wWeV3keQ5LMclqqY6gipvctKwqnC4rsvA3iZdAt7tBIitcMu4uvYe/bqa4te4zU0TKF5FF7DPZ7bxxHNblUvB9oc4BMmfpweh61qaXqrLaS3lxMsgztMW4Akdzz6V4bYsxn3ZwEOc1qPNDMB5ig46ZFS520sCiezvrehxxm5maJEjA3h+CefvA9PwqgPG2gNO0bPaxRZ2iXIyp7noe+e1eO3rwpbkImCSMHNUPMTAJyD6VSm2hci7Hua+IPChYSTa1Ag2hmCcgnOCMAe1Zt58R7JmMcNzCIweBtbp6fT2rx7z1zjsPem/aBu3Z59KOeT3EoRWx//9k="></li>
<li><img src="data:image/jpeg;base64,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"></li>
<li><img src="data:image/jpeg;base64,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"></li>
</ul>
<p id="total">Vous avez sélectionné <em>0</em> photo(s)</p>
</main>
<script src="main.js"></script>
</body>
</html>
'use strict'; // Mode strict du JavaScript
/*************************************************************************************************/
/* ****************************************** DONNEES ****************************************** */
/*************************************************************************************************/
// déclarez les 3 variables (index, photos et total)
/*************************************************************************************************/
/* ***************************************** FONCTIONS ***************************************** */
/*************************************************************************************************/
/*************************************************************************************************/
/* ************************************** CODE PRINCIPAL *************************************** */
/*************************************************************************************************/
// stockez dans la variable photos TOUTES les balises <li>
// stockez dans la variable total la balise em (ciblez la correctement)
body
{
margin: 0 auto;
width: 90%;
}
em
{
color: red;
font-weight: bold;
}
.photo-list
{
/* structure */
padding-left: 0;
width: 800px;
/* presentation */
list-style-type: none;
}
.photo-list li
{
/* structure */
display: inline-block;
margin: 1em;
padding: 0.5em;
/* presentation */
border-radius: 8px;
transition: background-color 0.5s;
}
.photo-list li:hover
{
background-color: silver;
}
.photo-list li.selected
{
background-color: forestgreen;
}
Commentaires les mieux notés