Création d'un jeu : évènement "clic" sur 3 éléments
Bonjour,
Je débute tout juste en javascript.
Je suis en train de créer un mini jeu qui permet pour l'instant d'afficher une image d'une lettre de l'alphabet LSF aléatoirement et 3 lettres de l'alphabet français ,aléatoirement aussi, les 3 lettres sont strictement différentes et l'une d'elle est bien la traduction de l'image de la lettre LSF.
Maintenant je souhaiterais faire en sorte qu'on puisse cliquer sur ces 3 lettres de l'alpahbet français, et qu'au clic sur celle qui traduit l'image de la lettre LSF on affiche "Bonne réponse!" alors qu'au clic sur les 2 autres lettres on puisse afficher "Essaye encore, ce n'est pas la bonne traduction."
Voici mon code:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
| <?php
$nbimages=26;
$nomimages[1]="A.PNG";
$nomimages[2]="B.PNG";
$nomimages[3]="C.PNG";
$nomimages[4]="D.PNG";
$nomimages[5]="E.PNG";
$nomimages[6]="F.PNG";
$nomimages[7]="G.PNG";
$nomimages[8]="H.PNG";
$nomimages[9]="I.PNG";
$nomimages[10]="J.PNG";
$nomimages[11]="K.PNG";
$nomimages[12]="L.PNG";
$nomimages[13]="M.PNG";
$nomimages[14]="N.PNG";
$nomimages[15]="O.PNG";
$nomimages[16]="P.PNG";
$nomimages[17]="Q.PNG";
$nomimages[18]="R.PNG";
$nomimages[19]="S.PNG";
$nomimages[20]="T.PNG";
$nomimages[21]="U.PNG";
$nomimages[22]="V.PNG";
$nomimages[23]="W.PNG";
$nomimages[24]="X.PNG";
$nomimages[25]="Y.PNG";
$nomimages[26]="Z.PNG";
/*rand génère une valeur aléatoire.
Initialisation du random (les microsecondes sont une valeur donnée au millionnième
-> Multiplier par 1 million pour avoir un entier*/
srand((double)microtime()*1000000);
/*rand génère une valeur aléatoire*/
$affimage=rand(1,$nbimages);
/*Ici on met le code qui permet d'afficher 3 lettres de l'alphabet aléatoirement
mais l'une d'elle est la traduction de l'image affichée plus haut dans le visuel*/
$alphabet="abcdefghijklmnopqrstuvwxyz";
/*str_shuffle mélange les caractères d'une chaîne de caractères*/
$melange = str_shuffle($alphabet);
/*substr retourne un segment de chaîne*/
$lettres = str_shuffle(substr($melange, 0, 3));
?>
<div><img id="imageLSF" src="images/Alphabet/<?php echo $melange[0]; ?>.png"></div>
<?php
/*strlen calcule la taille d'une chaîne*/
for ($i=0; $i<strlen($lettres); $i++){
echo $lettres[$i];
}
?> |
Si j'ai bien compris en me documentant sur le Javascript, pour créer l'évènement du "clic" il faudra que j'utilise la fonction:
Code:
element.addEventListener('click', myFunction);
mais ma compréhension du javascript s'arrête ici. Je ne comprends pas comment faire le rapprochement entre ce que j'ai fait en php et les évènement du "clic".
