WEBVTT 00:00:01.399 --> 00:00:03.799 Les interactions entre l’usager et ta page 00:00:04.000 --> 00:00:07.000 sont une partie essentielle de l'interface de ton programme. 00:00:09.199 --> 00:00:10.500 Dans ce tutoriel, 00:00:10.699 --> 00:00:13.699 tu vas écrire le code nécessaire pour reproduire une question à choix multiples. 00:00:15.000 --> 00:00:17.899 Les choix de réponses sont affichés sous forme d’images 00:00:18.199 --> 00:00:22.000 qui réagissent selon les actions de l’utilisatrice ou de l’utilisateur. 00:00:25.199 --> 00:00:29.199 Prends le temps d’examiner les code HTML et CSS de cette page. 00:00:31.399 --> 00:00:32.799 Dans la section , 00:00:33.100 --> 00:00:34.799 il y a un encadré pour la question. 00:00:37.600 --> 00:00:39.000 Il y a également une balise
. 00:00:39.299 --> 00:00:42.899 pour chacun des choix de réponses représentés à l’aide d’images. 00:00:48.200 --> 00:00:49.700 J’ai également, dans mon dossier, 00:00:50.000 --> 00:00:51.700 une autre série d’images à afficher 00:00:51.899 --> 00:00:55.600 pour offrir une rétroaction en cas de bonnes ou de mauvaises réponses. 00:00:57.100 --> 00:00:59.200 Lorsque la personne clique sur une image, 00:00:59.600 --> 00:01:02.600 le code JavaScript doit afficher l’autre image associée à celle-ci. 00:01:05.099 --> 00:01:09.000 Puisque je veux que mon code réagisse lorsque la personne clique sur une image, 00:01:09.500 --> 00:01:14.599 j’ajoute à l’intérieur de l’image un événement onclick=, 00:01:16.500 --> 00:01:23.000 suivi, placé entre guillemets, du nom de la fonction que j’appelle ici "choixCN". 00:01:26.900 --> 00:01:33.299 Plus bas, j’ajoute dans la balise