Lorsque la valeur du champ texte Nom est modifiée, récupérez sa valeur et insérez là dans le <h1> au-dessus de M. Patate.
Détectez lorsque le bouton radio sélectionné associé aux yeux change. Récupérez ensuite sa valeur et remplacer l'URL de l'image des yeux 👀 par https://ex.smnarnold.com/formulaires/patate/ suivit de la valeur sélectionnée.
Par exemple: https://ex.smnarnold.com/formulaires/patate/eye-1.png
Détectez lorsque la boite à cocher associée à la moustache change. Récupérez sa valeur et selon si la boite est cochée ou non, ajoutez ou enlevez la classe .is-visible à l'image de moustache.
Détectez lorsque le menu déroulant associé à la bouche change. Récupérez sa nouvelle valeur et remplacer l'URL de l'image de bouche 👄 par https://ex.smnarnold.com/formulaires/patate/ suivit de la valeur sélectionnée.
Par exemple: https://ex.smnarnold.com/formulaires/patate/mouth-1.png
Détectez lorsque la pastille de couleur change. Récupérez sa nouvelle valeur et attribuez là comme couleur de fond à l'élément ayant la classe .potato.
Seulement les souliers devraient changés de couleurs, puisque l'image de patate à un fond bleu masquant le reste.