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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 ^^.