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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
| //Variables Globales
nbChiffres = 21; //sert à l'afffichage des images chiffres
nombre = Math.floor(Math.random() * nbChiffres)+1; //Appel d'un numéro au hasard qui servira au jeu
emplacement_img = "nombres"; //Nom du dossier contenant les images
nbRecup = 8; //valeur a comparer avec le numéro mystère
//Audio
var sonGagne = document.createElement('audio');
sonGagne.setAttribute('src', 'gagne.ogg');
var sonMoins = document.createElement('audio');
sonMoins.setAttribute('src', 'moins.ogg');
var sonPlus = document.createElement('audio');
sonPlus.setAttribute('src', 'plus.ogg');
//Fonctions
function start() //Fonction comparant la valeur reçue à celle attendu
{
if (nbRecup > nombre)
{
//affiche une image représentant le symbole -
document.write('<tr><td><img src ="'+emplacement_img+'/moins.gif" width="300" height="300" border="0"></td></tr>');
sonMoins.load;
sonMoins.play();
afficheChiffres();
}
else if(nbRecup < nombre)
{
//affiche une image représentant le symbole +
document.write('<tr><td><img src ="'+emplacement_img+'/plus.gif" width="300" height="300" border="0" ></td></tr>');
sonPlus.load;
sonPlus.play();
afficheChiffres();
}
else if(nbRecup == nombre)
{
document.write('<tr>');//création de cellule de tableau contenant l'image
document.write('<td><img src="'+emplacement_img+'/gagne.gif" width="300" height="300" border="1"></td>'); //affichage des images de chaque cartes
document.write('</tr>');//fermeture de cellule
document.write('</br>Bravo bonne réponse !');
sonGagne.load;
sonGagne.play();
afficheChiffres();
}
}
function afficheChiffres()// Boucle d'affichage des nombres en image
{
k=0;
document.write('<table><tr>');//création du tableau
for(i=1; i<nbChiffres; i++)
{
document.write('<td><img name = "'+i+'" src="'+emplacement_img+'/'+i+'.gif" width="65" height="65" border="1" onclick="quelclic(this)"></td>'); //affichage des images de chaque cartes
k++;
if(k == 8)
{
document.write('</tr><tr>');
k=0;
}
}
document.write('</table>');//fin création du tableau
}
function quelclic(elementclicked) //fonction de récupération du chiffre cliqué qui va permettre la comparaison
{
nbRecup = elementclicked.name;
start();
} |
Jeu de plus ou moins avec images
Répondre avec citation
Envoyé par JérémieL
)
Pas de question technique par MP !
Partager