Amélioration d'un pendu

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Amélioration d'un pendu

sharto

Bonjour , Merci d’abord de lire ce sujet .
Pendant plusieurs cours d'ISN notre groupe a progressé dans un pendu ( dont le professeur nous avait donner la base )
Mais notre professeur nous a alors demander de faire : un tableau et que les lettres sur lesquels le joueur a cliqué s'affichent dedans à la place d'un changement de couleur mais j'ai alors rencontré des problèmes . Je ne trouve aucun moyen d'afficher les lettres dans le tableau que j'ai crée ( notre professeur nous a demander de supprimer le changement de couleur )

Voici le code source :

Code :

<html>
<head>
<meta charset=UTF-8>
<title>Jeu de pendu en Javascipt</title>
<link rel=Stylesheet type="text/css" href=stylePendu.css>
<script language="JavaScript">
<!--
var motSecret;
var now=new Date(); // Date d'aujourd'hui
var tableauMot=new Array(); // Le tableau qui contient les lettres du mot à trouver
var mots=new Array(); // Le tableau qui contient tous les mots possibles
var tailleMot; // Le nombre de lettres du mot à trouver
var coupsManques=0; // Le nombre de lettres fausses essayées
var lettresTrouvees=0; // Le nombre de lettres trouvées
var fini=false; // true si le jeu est terminé
mots[0]="CONSOLE";
mots[1]="MANETTE";
mots[2]="POLICIER";
mots[3]="CANAPE";
mots[4]="TELEVISION";
mots[5]="GLADIATEUR";
mots[6]="ARMOIRE";
mots[7]="CAMION";
mots[8]="HORLOGE";
mots[9]="MARGUERITE";
mots[10]="ELEPHANT";
mots[11]="IGLOO";
mots[12]="SINGE";
motSecret=mots[Math.floor(Math.random() * 13)];
tailleMot=motSecret.length;
// Permet de changer la couleur des touches du clavier
function changeCouleur(element,couleur){
element.style.backgroundColor=couleur;
}
// Gère tous les traitements à faire lorsqu'on appuie sur une touche
function proposer(element){
if(element.style.backgroundColor=="black" ||fini) return;
var lettre=element.innerHTML;
// On met la variable trouve à false;
var trouve=false;
// On parcours chaque lettre du mot, on cherche si on trouve la lettre séléectionnée au clavier
for(var i=0; i<tailleMot; i++) {
// Si c'est le cas :
if(tableauMot[i].innerHTML==lettre) {
tableauMot[i].style.visibility='visible'; // On affiche la lettre
trouve=true;
lettresTrouvees++;
}
}
// Si la lettre n'est pas présente, trouvé vaut toujours false :
if(!trouve){
coupsManques++;
document.images['pendu'].src="images/pendu_"+coupsManques+".jpg"; // On change l'image du pendu
// Si on a raté 9 fois :
if(coupsManques==9){
alert("Dommage mec ! tu es nul !" );
for(var i=0; i<tailleMot; i++) tableauMot[i].style.visibility='visible';
fini=true;
// on affiche le mot, on fini le jeu
}
}
if(lettresTrouvees==tailleMot){
alert("Bravo ! T'es trop un bonhomme !" );
fini=true;
}
}
-->
</script>
</head>
<body>
<center>
<div id="page">
<img name="pendu" class="pendu" src="images/pendu_0.jpg">
<h1>Jeu de pendu</h1>
<h2>Entrez une lettre grâce au clavier ci-dessous ; si elle est dans le mot secret, elle sera affichée mais sinon... la sentence se rapprochera !</h2>
<table id="clavier">
<tr>
<td onclick="proposer(this);" >A</td>
<td onclick="proposer(this);" >B</td>
<td onclick="proposer(this);" >C</td>
<td onclick="proposer(this);" >D</td>
<td onclick="proposer(this);" >E</td>
<td onclick="proposer(this);" >F</td>
<td onclick="proposer(this);" >G</td>
<td onclick="proposer(this);" >H</td>
<td onclick="proposer(this);" >I</td>
<td onclick="proposer(this);" >J</td>
</tr>
<tr>
<td onclick="proposer(this);" >K</td>
<td onclick="proposer(this);" >L</td>
<td onclick="proposer(this);" >M</td>
<td onclick="proposer(this);" >N</td>
<td onclick="proposer(this);" >O</td>
<td onclick="proposer(this);" >P</td>
<td onclick="proposer(this);" >Q</td>
<td onclick="proposer(this);" >R</td>
<td onclick="proposer(this);" >S</td>
<td onclick="proposer(this);" >T</td>
</tr>
<tr>
<td onclick="proposer(this);" >U</td>
<td onclick="proposer(this);" >V</td>
<td onclick="proposer(this);" >W</td>
<td onclick="proposer(this);" >X</td>
<td onclick="proposer(this);" >Y</td>
<td onclick="proposer(this);" >Z</td>
</tr>
</table>
<br>
<a class="lien" href="javascript:location.reload();">Nouvelle partie</a>
<table id="mot">
<tr>
<script language="javascript">
for(var i=0; i<tailleMot; i++) document.write("<td> <p id=\""+i+"\">"+motSecret.charAt(i)+"</p></td>" );
</script>
</tr>
</table>
</table>
<table border="1" style="border: medium solid #FFFF00">
<caption><h2>Lettres utilisés</h2></caption>
<tr>
<th width=150 height=50></th>
<td> </td>
</tr>
</tr>
</table>
<script language="javascript">
for(var i=0; i<tailleMot; i++) tableauMot[i]=document.getElementById(i);
</script>
<center>
</div>
</body>
</html>

le css ( on sait jamais) :

Code :

#page {
background-color:#0040FF;
border:1px solid black;
text-align:left;
width:60%;
padding:30px;
height:450px;
}
h1 {
font-size:30px;
font-family:Arial, sans serif;
}
img.pendu {
float:right;
}
h2 {
font-size:16px;
font-family:Arial, sans-serif;
}
#mot {
margin:30px 0 0 0;
clear:both;
top:100px;
}
#mot td {
padding:10px;
background-color:#2EFE2E;
border:2px inset black;
width:30px;
height:30px;
font-weight:bold;
font-size:1.5em;
text-align:center;
}
#mot p{
visibility:hidden;
}
#clavier{
border:5px outset black;
padding:20px;
background-color:#8A0808;
}
#clavier td {
background-color:Blue;
border:2px solid black;
width:35px;
height:25px;
text-align:center;
font-weight:bold;
cursor:pointer;
}
a.lien{
color:Red;
text-decoration:none;
font-size:30px;
}
a.lien:hover{
color:green;
font-weight:bold;
text-decoration:underline;
}

Voila en espérant une aide précieuse pour le tableau =) ( si possible avant vendredi )

Message édité par sharto le 28-05-2015 à 16:30:41

Publicité

gilou

Modérateur
Modzilla

> script language="JavaScript"

Donc ça fait quoi dans la section Java?

A+,

---------------
There's more than what can be linked! -- Iyashikei Anime Forever! -- AngularJS c'est un framework d'engulé! --

sharto

Désolé de l'erreur c'est réparé la section est la bonne je pense A + =)

gilou

Modérateur
Modzilla

J'aurais mis ça en Javascript, mais pourquoi pas...
A+,

---------------
There's more than what can be linked! -- Iyashikei Anime Forever! -- AngularJS c'est un framework d'engulé! --

FORUM HardWare.fr

Programmation

Javascript/Node.js

Amélioration d'un pendu

Sujets relatifs
Probleme amélioration programme	Pendu Tkinter
Amélioration de programme	[JAVA] Arbre lexicographique, jeu Pendu
Modification/amélioration menu contextuel gtk (C++?)	Pendu python
beug sur un pendu	Amélioration d'un moteur de recherche
AMELIORATION D'un calendrier de recherche sur base sql	[BATCH] Assistance amélioration
Plus de sujets relatifs à : Amélioration d'un pendu

Page générée en 0.081 secondes