Jeu de plus ou moins avec images
Bonjour, je travail actuellement sur la création d'un jeu de plus ou moins contenant des images et de l'audio en utilisant javascript.
Dans un premier temps tous mes items fonctionnent, l'affichage des valeurs à cliquer, le images plus, moins et gagné s'affichent, les sons s'exécutent, le nombre à trouver est généré...
Malheureusement, lorsque je clique sur un élément qui va permettre la comparaison, la comparaison s'effectue bien, mais il m'est impossible de relancer le processus de comparaison jusqu'à trouver, le clic sur les éléments ne fonctionne plus et l'affichage qui normalement était centré se retrouve déplacé sur la gauche.
Bref je suis un peu perdu, la personne pour qui je travaille n'a aucune connaissance dans ce domaine, je m'en remet donc à vous.
Enfin bon, comme un code source vaut mieux que mille discours je vous laisse ici l'intégralité de celui-ci.
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
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();
} |
D'avance merci pour vos réponses.
PS : je suis relativement débutant dans ce langage, j'espère que vous ne serez pas trop choqués par mes pratiques ^^.
