Pendu en Javascript

**ladybird06** · 15/04/2015, 10h24

Bonjour,

Nouvelle arrivante sur le forum, j'esp�re que je poste mon message au bon endroit !
Je viens vous demander votre aide car je dois programmer un jeu pour le bac (S avec sp�cialit� informatique), et qu'avec mon groupe nous sommes bloqu�s.
Pour faire bref, le code doit �tre en HTML, CSS et Javascript, et nous avons choisit de faire un pendu o� le joueur pourrait choisir entre 5 cat�gories de mots (�cole, animaux (�cole, animaux, films, auteurs et musique). Une fois la cat�gorie choisie, le joueur arrive sur une page du site o� un mot est choisi al�atoirement par l'ordinateur (on a stock� 10 mots par cat�gorie).

Ma partie du travail consiste � stocker les mots de la cat�gorie, faire en sorte qu'un mot de la liste soit choisi al�atoirement, et d'afficher un tableau vide pour permettre au joueur de visualiser le nombre de lettres.

Etant donn� que chaque cat�gorie sera sr une page HTML ind�pendante, j'ai isol� mon code de la partie Ecole pour voir si �a fonctionnait, et je l'adapterai pour les autres parties.

Seulement, lorsque je lance mon fichier, des virgules s'affichent (le nombre de virgules est al�atoire quand on actualise la page) en dehors du canvas, au lieu d'un tableau dans le canvas.

Voici ce que j'ai fait, est-ce que quelqu'un pourrait me dire ce qui ne va pas ?
Merci d'avance !

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
<html>
	<head>
		<title>Pendu</title>
	</head>
	<body>
	<canvas id="Pendu" width="800" height="600" style="border:1px solid #000000">
		</canvas>
		<script type="text/javascript">
	var motMystere;
	var MotATrouver= new Array (); //tableau comportant les lettres du mot à trouver
 
	var motsEcole= new Array (); //tableau comportant les mots de la catégorie Ecole
 
	motsEcole[0]="STYLO";
	motsEcole[1]="ASYMPTOTE";
	motsEcole[2]="CATALYSEUR";
	motsEcole[3]="ASTHENOSPHERE";
	motsEcole[4]="THALES";
	motsEcole[5]="EXPONENTIELLE";
	motsEcole[6]="PYTHAGORE";
	motsEcole[7]="PAPIER";
	motsEcole[8]="SUBORDONNEE";
	motsEcole[9]="TABLEAU";
 
	motMystere=motsEcole[Math.floor(Math.random()*10)];
	MotATrouver= new Array(motMystere.length);
	document.write(MotATrouver);
		</script>
	</body>
</html>

**Golgotha** · 15/04/2015, 10h40

Bonjour, Tout est normal.

L'objet Array red�finit la m�thode toString d'Object. Pour les objets Array, la m�thode toString() concat�ne les �l�ments du tableau et renvoie une cha�ne contenant chacun des �l�ments, s�par�s par des virgules.

**ladybird06** · 15/04/2015, 10h47

D'accord, merci, mais je ne comprends pas pourquoi ce n'est pas un tableau qui s'affiche dans le canvas plut�t que des virgules en dehors. Vous sauriez comment faire pour changer �a ? (je viens de r�aliser que ma balise du canvas n'est pas ferm�e au bon endroit, c'est s�rement en partie pour �a)

**Golgotha** · 15/04/2015, 10h59

Comment �a un tableau ? Pourquoi voulez vous qu'un tableau s'affiche qui plus est dans un canvas... Le tableau, il est en m�moire c'est tout, c'est une vue "th�orique".

La canvas sert essentiellement � dessiner dessus, l� je ne vois pas l'utilit�.

Je vais peut �tre paraitre pessimiste mais je crois que vous �tes pas rendu pour votre projet

**ladybird06** · 15/04/2015, 11h03

Haha je suis d�sol�e, j'ai vraiment du mal, le codage n'est pas mon fort.
Le tableau avec ma liste de mots est en m�moire, �a j'ai compris. Ce que je veux maintenant c'est afficher un tableau vide avec autant de cases que de lettres dans le mot tir� al�atoirement, comme les tirets qu'on pourrait mettre pour le nombre de lettres lorsqu'on joue sur papier, et c'est l� dessus que je bloque.
D�sol�e si �a ne vous parait pas clair ou si je suis � c�t� de la plaque, je suis une grande d�butante

**Golgotha** · 15/04/2015, 11h26

Et bien, d�j� il faut penser � la suite, le plus important : que le joueur puisse entrer une lettre dans chaque "case", et pour �a en HTML c'est des input qu'il faut.

Je pense que le rendu que vous voulez �a devrait �tre quelques chose comme ceci :

Nom : input.png
Affichages : 2608
Taille : 406 octets

Nom : input.png
Affichages : 2608
Taille : 406 octets

Le code HTML pour une "case" de un caract�re avec une taille de un c'est : <input type="text" maxlength="1" size="1">
Pour cr�er dynamiquement ce tableau de case, il faudra le faire avec du JavaScript.

Pendu en Javascript

JavaScript

Vue hybride

Discussions similaires

Partager

Partager