Radio - Dragonball

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 👇

Exercice créé par : Simon Arnold

Matériel

Note

Pen de départ

Warning

Vous n’avez qu’à écrire du HTML (nul besoin d’ajouter du JavaScript ou de modifier le CSS).

Les images

https://github.com/user-attachments/assets/9430058b-2432-46c5-ab41-fe7c082c2227 https://github.com/user-attachments/assets/897a1095-4f41-44dc-9343-18db355e643f https://github.com/user-attachments/assets/46a0041d-8b39-4e09-8a36-5e069e2ff550 https://github.com/user-attachments/assets/e71d56a3-3b14-4aef-a2a9-de2441af7704

Requis

• Ajouter une <div> avec une classe : wrapper.
• À l'intérieur de la <div>, ajouter 4 "inputs" de type radio ayant l'attribut "name" = action.
• Ajouter les classe : radio radio-top, radio radio-right, radio radio-bottom, radio radio-left à vos inputs.
• Ensuite, ajouter les images avec les classes : image image-top, image image-right, image image-bottom, image radio-left

Warning

Une seule image de Goku doit être visible à la fois.

Notes de cours

Formulaire intermédiaire
Formulaire intermédiaire