Bonjour à vous,
Je dois faire un simulateur de dés en JScript, et l'utilisateur doit choisir le nb de dés entre 1 et 6, ensuite si les dès sont rouge, bleu ou aléatoire ainsi s'il est en ordre croissant ou non. Présentement il ne veut pas afficher un seul dé avec un chiffre aléatoire en rouge. Voici mon code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition
al.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Devoir 3 - lancé de dés</title>
<script type="text/javascript">
function lancer(n){
// génère 1 lancers de dés
if(n!=1)
{
// génère un random entre 1 et 6
var de1=Math.floor(Math.random()*6)+1;
//Affichage du score du dé dans la cellule rangee
document.getElementById('rangee').innerHTML +="<img src='faces_des/rouges/"+valeur+".gif'/>";
lancer(1, function(){alert("le résultat total du dé est 'de1' ")});
}
}
</script>
<style type="text/css">
<!--
body {
font-family: Arial, Helvetica, sans-serif;
background-color: #FFF;
text-align:center;
}
-->
</style>
</head>
<body>
<h2>Lancé de dés</h2>
<table align="center">
<tr>
<td align="left" id="rangee">
<img src="faces_des/rouges/1.gif" /><img src="faces_des/rouges/1.gif" /><img src="faces_des/rouges/1.gif" />
</td>
</tr>
</table>
<br />
<form name= "lanceDe" id="lanceDeID">
<input name="resultat" type="text" value="Faites vos choix et lancez les dés" size="35" readonly="readonly" />
<br /><br />
Nombre de dés à lancer:
<select name="choix">
<option value="6">6</option>
<option value="5">5</option>
<option value="4">4</option>
<option value="3" selected>3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
<br /><br />
<input name="radiobutton" type="radio" value="rouges" checked>tous rouges
<input type="radio" name="radiobutton" value="bleus">tous bleus
<input type="radio" name="radiobutton" value="aleatoire">aléatoires</font>
<br /><br />
<input type="checkbox" name="cocher" id="cocher">En ordre croissant
<br /><br />
<input name="button" type="button" onClick="lancer();" value =" lancer ">
</form>
</body>
</html>
Merci de votre aide.
