Exercice 7/7
Bravo vous êtes arrivé à la dernière partie de cet exercice. Dans cette dernière partie vous allez devoir travailler dans la fonction onClickListItem.
Leçon 7/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).
157 Commentaires
-
kcorvais-64
problème résolu.le 18/03/2023 à 16h08
-
Patricio M Admin
Good, félicitations!!
le 20/03/2023 à 09h20
-
pascalhuppermans-100
Bonjour, je ne comprend pas mon erreur ici ?le 10/03/2023 à 13h58
-
Patricio M Admin
ton dernier code fonctionne très bien, bravo!!
le 13/03/2023 à 09h38
-
bahloul.condorcet-70
Est-ce normal que si nous selectionnons des images une fois le code terminé cela reste sur "0 photos" ?le 26/10/2022 à 10h35
-
Patricio M Admin
Ton code est correct, si ton localhost ne fonctionne pas, essaie sur JSFiddle :)
le 27/10/2022 à 08h31
-
yashine-hicham.idaroussi-28
"Vous n'avez pas affecté la variable "selectedPhotos" avec le nombre d'éléments sélectionnés" Voici mon code : var index; var photos; var total; function onClickListItem() { var selectedPhotos; this.classList.toggle('selected'); selectedPhotos = document.querySelectorAll('.photos-list li.selected'); total.textContent = selectedPhotos.length; } photos = document.querySelectorAll('.photo-list li'); total = document.querySelector('#total em'); for(index = 0; index < photos.length; index++) { photos[index].addEventListener('click', onClickListItem); }le 14/07/2022 à 21h09
-
meriam Admin
l'erreur est au niveau de cette ligne ==> selectedPhotos = document.querySelectorAll('.photos-list li.selected');
le 15/07/2022 à 00h16
-
meriam Admin
Remplacez par la bonne classe photo-list (pas photos-list)
le 15/07/2022 à 00h17
-
Samuel Méline
function onClickListItem() { // /Déclarez la variable selectedPhotos var selectedPhotos; this.classList.toggle('selected'); selectedPhotos = document.querySelectorAll('.photos-list li.selected'); total.textContent = selectedPhotos.length; }le 30/06/2022 à 13h24
-
meriam Admin
Bonjour, il faut corriger cette ligne selectedPhotos = document.querySelectorAll('.photos-list li.selected'); remplacez phot-list par .photos-list
le 30/06/2022 à 14h11
-
Samuel Méline
Bonjour, je ne comprends pas mon erreur, Pouvez-vous m'aider s'il vous plait ?le 30/06/2022 à 13h24
-
meriam Admin
Bonjour, vous avez une erreur au niveau de la classe photos-list (vous avez écrit photo-list )
le 01/07/2022 à 10h16
-
julien.blacteau-1
Je ne comprend pas pourquoi ça ne fonctionne pas...le 30/05/2022 à 11h05
-
meriam Admin
Bonjour, pour recherche de toutes les balises <li> sélectionnées (.photo-list li.selected). selectedPhotos = document.querySelectorAll('.photo-list li.selected');
le 30/05/2022 à 15h50
-
jphilippe.roblot-54
Vous n'avez pas affecté la variable "selectedPhotos" avec le nombre d'éléments sélectionnés function onClickListItem(){ var selectedPhotos; this.classList.toggle("selected"); selectedPhotos = document.querySelectedAll(".photo-list li.selected"); total.textContent = selectedPhotos.length; }le 11/04/2022 à 17h15
-
meriam Admin
Vous devez corriger cette ligne selectedPhotos = document.querySelectedAll(".photo-list li.selected"); la méthode est querySelectorAll (pas querySelectedAll)
le 12/04/2022 à 01h16
-
jphilippe.roblot-54
Bonjour, je ne vois pas où se trouve mon erreurle 11/04/2022 à 17h15
-
meriam Admin
Vous devez écrire la bonne méthode querySelectorAll()
le 12/04/2022 à 01h16
-
runy.alen-100
je ne trouve pas mon error : Vous n'avez pas modifié le texte de la balise em pour indiquer le total de photos sélectionnéesle 04/04/2022 à 10h57
-
meriam Admin
Pour modifier le contenu du text dans la balise em, il faut utiliser textContent ==>total.textContent = selectedPhotos.length ;
le 06/04/2022 à 20h05
-
runy.alen-100
this.classList.toggle('selected'); je ne comprend pas mais le logiciel me montre que j'ai un error sur ce ligne de code. je profite pour demander ce que c'est toggle..le 03/04/2022 à 11h50
-
meriam Admin
Pour modifier le contenu du text dans la balise em, il faut utiliser textContent ==>total.textContent = selectedPhotos.length ;
le 05/04/2022 à 20h53
-
runy.alen-100
Bonjour je ne trouve pas l'errorle 03/04/2022 à 11h49
-
meriam Admin
pouvez vous préciser le message d'erreur.
le 05/04/2022 à 20h49
-
augustin.lg56-8
Vous n'avez pas affecté la variable "selectedPhotos" avec le nombre d'éléments sélectionnésle 02/04/2022 à 10h32
-
meriam Admin
Votre code fonctionne correctement
le 05/04/2022 à 20h40
-
augustin.lg56-8
Bonjour,j'ai ce message d'erreur et je n'arrive pas a le corriger.le 02/04/2022 à 10h31
-
meriam Admin
pouvez vous préciser le message d'erreur.
le 05/04/2022 à 20h39
-
lobodzinskaya.lika-92
Bonjour, malgré plusieurs tentatives, l'erreur "Votre script a mis trop de temps à s'exécuter, auriez-vous une boucle infinie ?" persiste... Pourriez-vous m'indiquer mon erreur s'il vous plait ? Merci !le 03/03/2022 à 17h23
-
meriam Admin
Bonjour, pour valider votre code, il suffit d'enlever l'accolade située juste aprés cette ligne total.textContent = selectedPhotos.length ;
le 04/03/2022 à 13h23
index.html
main.css
main.js
<!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,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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,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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,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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>
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;
}
'use strict'; // Mode strict du JavaScript
/*************************************************************************************************/
/* ****************************************** DONNEES ****************************************** */
/*************************************************************************************************/
// déclarez les 3 variables (index, photos et total)
var index;
var photos;
var total;
/*************************************************************************************************/
/* ***************************************** FONCTIONS ***************************************** */
/*************************************************************************************************/
// déclarez la fonction onClickListItem
function onClickListItem()
{
// /Déclarez la variable selectedPhotos
// utilisez l'API classList sur l'élément ayant déclenclé l'événement (this)
// et "switchez" (toggle) la classe "selected"
// Recherche de toutes les balises <li> sélectionnées (.photo-list li.selected).
// modifiez le contenu du text dans la balise em (cette balise a déjà été ciblé par la variable total)
// pour écrire le nombre de photos sélectionnées
}
/*************************************************************************************************/
/* ************************************** 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.querySelector('#total em');
// Bouclez sur la liste de photo avec une boucle for (pensez à utiliser la variable index)
for(index = 0; index < photos.length; index++)
{
// ajoutez un écouteur d'événement (click) sur chaque élément li pour appeler la fonction onClickListItem
photos[index].addEventListener('click', onClickListItem);
}
Commentaires les mieux notés