Bonjour,
Je dois, dans le cadre d'un MOOC, réaliser un jeu pour lequel on doit cliquer sur des balles en fonction d'une consigne (couleur et taille).
J'ai défini mon code html et mon script (enfin le début pour l'instant) mais j'ai un problème avec ma fonction afficheConsigne().

Quand le lance le jeu j'ai un message d'erreur : la variable listeNiveaux n'est pas définie.

Je suis nouveau en js et j'avoue que je sèche.

Est-ce que quelqu'un peut m'aider SVP.

D'avance merci.

Voilà mon code :
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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
 
$(function(){
	init();
});
 
 
function init(){
 
	//STRUCTURE
		//Titre
		$("#titre").html("<h1>Clic'Balles</h1>");
		//Texte d'explication du jeu
		$("#texte").html("Dans chacun des niveaux de jeu, cliquez sur les balles correspondant à la consigne affichée avant qu'elles ne touchent le bas du cadre !");
		//Image du jeu
		$("#image").html("<img src=\"\./images/jeu.jpg\" alt=\"image du jeu\">");		
		//Boutons
		$("#boutonJeu").html("<input type=\"submit\" name=\"boutonJeu\" id=\"boutonJeu\" VALUE=\"Jouez !\" onclick=\"afficheJeu()\"/>");
		$("#boutonQuitter").html("<input type=\"submit\" name=\"boutonQuitter\" id=\"boutonQuitter\" VALUE=\"Quittez !\" onclick=\"afficheAccueil()\"/>");
		$("#boutonAccueil").html("<input type=\"submit\" name=\"boutonAccueil\" id=\"boutonAccueil\" VALUE=\"Accueil\" onclick=\"afficheAccueil()\"/>");
		$("#boutonRejouer").html("<input type=\"submit\" name=\"boutonRejouer\" id=\"boutonRejouer\" VALUE=\"Rejouez !\" onclick=\"afficheJeu()\"/>");
		//Déclaration du canvas
		$("#animation").html("<canvas id=\"canvas\">Texte pour les navigateurs qui ne supportent pas canvas</canvas>");
		//Pied de page
		$("footer").html("MOOC HTML5 - R. ALBA - Mai 2014");
	//DONNEES
		creeDonnees();
 
	//VARIABLES
		var tempsJeu = 0;
		var niveauCourant = 1;
		var ecranCourant = "accueil";
 
	//GESTIONNAIRES
 
	//REGLES
 
 
	//LANCEMENT	
		afficheAccueil();
}
 
 
//Fonctions
	function creeDonnees(){
			// On définit la consigne par niveau (couleur et taille des balles à cliquer)
		var listeNiveaux = new Array();
			listeNiveaux[0]=["rouges","petite"];
			listeNiveaux[1]=["vertes","grande"];
 
		// On définit les balles (idniveau, couleur, taille, position/x, vitesse, position/y, visible(1))
		var listeBalles = new Array();
			listeBalles[0]=[0,0,0,5,1,0,1];
			listeBalles[1]=[0,1,1,20,2,0,1];
			listeBalles[2]=[1,0,0,5,1,0,1];
			listeBalles[1]=[1,1,1,20,2,0,1];
 
		// On définit les couleurs avec le code hexadécimal
		var listeCouleurs = new Array();
			listeCouleurs[0]=["rouge","#FF0000"];
			listeCouleurs[1]=["vert","#00FF00"];
 
		// On définit le rayon des balles
		var listeTailles = new Array();
			listeTailles[0]=[5,"petite"];
			listeTailles[1]=[20,"grande"];
		}
 
 
	function afficheAccueil(){
			ecranCourant = "accueil";
			$('#accueil').show();
			$('#jeu').hide();
			$('#bilan').hide();			
		}
 
	function afficheConsigne(){
			$("#consigne").html("Cliquez sur les balles "+listeNiveaux[0][0]+" de "+listeNiveaux[0][1]+" taille !");
 
		}
 
	function afficheJeu(){
			ecranCourant = "jeu";
			$('#accueil').hide();
			$('#jeu').show();
			$('#bilan').hide();	
			afficheConsigne();
		}