Pour cet exercice, nous allons modifier l’action performée par Goku, le personnage principal de Dragonball, en fonction du bouton radio sélectionné.
Aperçu du résultat 👇
Matériel
Pen de départ
Vous n’avez qu’à écrire du CSS et modifier du HTML (nul besoin d’ajouter du JavaScript).
Requis
Modifiez le HTML pour qu'un seul bouton radio parmi les 4 puisse être sélectionné à la fois.
Modifiez le HTML de sorte que le bouton radio du haut soit sélectionné par défaut, afin qu'au chargement de la page l'image de Goku debout soit visible.
Faites en sorte que chaque bouton radio affiche l'image correspondant de Goku. Par exemple, lorsque le bouton radio de droite est sélectionné, l'image right.png doit-être affiché.
Une seule image de Goku doit être visible à la fois.
Notes de cours 📚