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