Vous vous souvenez des conditions en JavaScript ? Eh bien, l'heure est venue pour vous de les utiliser à bon escient, et dans un contexte bien précis.
Pour ce challenge vous allez reprendre l'exercice du compteur de clics et ajouter les conditions suivantes :
Au-dessus de 5 clics, la couleur du texte et du bouton change pour être en bleu foncé.
Entre 10 et 15 clics, la couleur change pour être en violet et une image est affichée.
Au-dessus de 15 clics, la couleur devient rouge et une autre image est affichée.
Au 21ème clic, un message "stop" est affiché et il n'est plus possible de cliquer.
Objectif
Vous vous souvenez des conditions en JavaScript ? Eh bien, l'heure est venue pour vous de les utiliser à bon escient, et dans un contexte bien précis.
Pour ce challenge vous allez reprendre l'exercice du compteur de clics et ajouter les conditions suivantes :
Au-dessus de 5 clics, la couleur du texte et du bouton change pour être en bleu foncé. Entre 10 et 15 clics, la couleur change pour être en violet et une image est affichée. Au-dessus de 15 clics, la couleur devient rouge et une autre image est affichée. Au 21ème clic, un message "stop" est affiché et il n'est plus possible de cliquer.
À vous de jouer avec les conditions ! 🎮
Lien vers les maquettes: https://codephenix.fr/interface/cours/exercices/2-2-3-conditions.gif
Cours associés
Javascript / Dynamisme
Definition of Done
Une tache est considérée comme complétée lorsque chacune des sous-taches de cette section ont été complétées.
Code quality:
class
,id
etname
et autres variables ont des noms respectables et porteurs de sensQ&A
Cette section sera complétée par votre formateur lors de la review des taches.