Tom's Guide > Forum > Programmation > [PB] Machine a sous en html

[PB] Machine a sous en html

Forum Programmation : [PB] Machine a sous en html

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !

Créer un nouveau sujet Répondre

Bas de page Chercher dans ce sujet

Bonjour a tous ! :hello:
Je suis en fac de science ( première année d'informatique ) et il m'est demandé de faire le jeu du Bandit Manchot en Html.
J'ai globalement saisit le principe mais la page que j'ai crée ne marche pas.

Voila la bete :

Citation :

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title> Le Bandit Manchot </title>
<style type="text/css" media="screen">
#titre { text-align: center;
font-size: 48px;
color: #4169E1;
text-decoration: underline;
font-weight: bold;}
.images {display:block; margin:0 auto;}
#index {text-align: right;}
#Tableau { margin:0 auto;
border-color:"#45442f";}
#formulaire { margin:0 auto; }
</style>
<script type="text/javascript">

function Hasard(x)
{
return(math.floor(Math.random()*x)+1); /* x= Nombre de choix possibles (= nb d'images différentes ) */
}

function TireAuHasard() /* procédure visant à générer aléatoirement 3 entiers entre 1 et 5 ( je crois ) */
{
var c1 = Hasard(6);
var c2 = Hasard(6);
var c3 = Hasard(6);
AfficheCyl(c1,c2,c3);
}

function AfficheCyl(c1,c2,c3) /* procédure modifiant la source de chaque image" */
{
document.case1.src="images/image" +c1 +".jpg"; /* Ceci modifie l'image de la case : Faire gaffe au sous dossier et au nom de images en cas de changements ! */
document.case2.src="images/image" +c2 +".jpg";
document.case3.src="images/image" +c3 +".jpg";
}

</script>
</head>
<body>
<div id="index"><a href="index.html">Accueil</a></div>
<div id="titre">Le Bandit Manchot</div>
<table border="1" width="25%" id="Tableau">
<tr>
<td><img class="images" id="case1" src="images/image0.jpg" alt="" /></td>
<td><img class="images" id="case2" src="images/image0.jpg" alt="" /></td>
<td><img class="images" id="case3" src="images/image0.jpg" alt="" /></td>
</tr>
</table>
<form action="javascript:void(0)" method="get" id="formulaire">
<p><input type="button" id="Valider" value="Jouer !" onclick="TireAuHasard()"/></p>
</form>
</body>
</html>

Le principe est simple : on a 3 case.
Lorsqu'on clique sur la bouton "Jouer !" 3 chiffres sont générés aléatoirements. Ces chiffres me permettent ensuite de renommer la source des images des cases. C'est pas très propre mais apparement c'est comme ca qu'il faut faire.
Le hic c'est que quand on clique sur "Jouer !" ben il se passe rien...
Je pense que le problème vient du formulaire ( première fois que j'en utilise ) mais je saurai pas en dire plus .

Tout ce que je veux c'est que quand on clique sur le bouton ca execute la fonction "TireAuHasard". Un petit coup de main s'il vous plait ? ^^

Répondre

Inscrivez-vous ou connectez-vous pour masquer ceci.

pas document.case1.src mais document.getElementById("case1" ).src

------------------------------ 20minutes.fr, l'information en continu.
Répondre à SiM07

Merci beaucoup ! Je sais pas où j'avais la tête ^^ D'autant que j'avais oublié d'autant que j'avais fais une erreur en écrivant "Math.floor" !

Répondre à alcadel

Créer un nouveau sujet Répondre

Tom's Guide > Forum > Programmation > [PB] Machine a sous en html

Aller à :

Aide |
Règles du forum

Il y a 766 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Page générée en 0,204 secondes

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler

Liens