Veuillez m'excuser par avance si je ne suis pas dans la bonne discussion, je suis encore novice sur le forum. Et même novice en conception web...
En effet n'étant pas spécialisé en codage, je rencontre le problème suivant:
Je souhaite créer un formulaire de 4 tirages aléatoire sur la même page. Quelque chose de simple: 4 boutons / 4 zones de texte affichant le tirage.
Voici mon code:
[CODE]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<link rel="icon" type="INSER IMAGE" />
<title>TEST</title>
<style type="text/css">
body {
color: white;font-family: century gothic, "sans serif"; padding-left:20em; padding-top 20em}
ul.navbar{position: absolute; top:2em; left : 2em; width: 5em}
h1{font-family: helvetica,"serif"; padding-left:7em;
}
</style>
</head>
<body>
<h1>TITRE</h1>
<div id="div1">
<h2>
<p>SOUS TITRE 1</p>
</h2>
<input type="button" value="ALEATOIRE" onClick="populate (tt);">
<input type="text" size="60" value="" id="tt" />
<script type="text/javascript" charset="utf-8">
function populate (tt) {
var obj=document.getElementById("tt")
aleatoire=Math.floor(Math.random()*7);
switch(aleatoire){
case 0:obj.value="1";break;
case 1:obj.value="2";break;
case 2:obj.value="3";break;
case 3:obj.value="4";break;
case 4:obj.value="5";break;
case 5:obj.value="6";break;
case 6:obj.value="7";break;
}
}
</script>
</div>
<div id="div2">
<h2>
<p>SOUS TITRE 2</p>
</h2>
<input type="button" value="ALEATOIRE" onClick="populate(tt1);">
<input type="text" size="60" value="" id="tt1" />
<script type="text/javascript" charset="utf-8">
function populate (tt1) {
var obj=document.getElementById("tt1")
aleatoire=Math.floor(Math.random()*7);
switch(aleatoire){
case 0:obj.value="8";break;
case 1:obj.value="9";break;
case 2:obj.value="10";break;
case 3:obj.value="11";break;
case 4:obj.value="12";break;
case 5:obj.value="13";break;
case 6:obj.value="14";break;
}
}
</script>
</div>
<div id="div3">
<h2>
<p>SOUS TITRE 3</p>
<h2>
<input type="button" value="ALEATOIRE" onClick="populate(tt2);">
<input type="text" size="60" value="" id="tt2"/>
<script type="text/javascript" charset="utf-8">
function populate (tt2) {
var obj=document.getElementById("tt2")
aleatoire=Math.floor(Math.random()*7);
switch(aleatoire){
case 0:obj.value="15";break;
case 1:obj.value="16";break;
case 2:obj.value="17";break;
case 3:obj.value="18";break;
case 4:obj.value="19";break;
case 5:obj.value="20";break;
case 6:obj.value="21";break;
}
}
</script>
</div>
<div id="div4">
<h2>
<p>SOUS TITRE 4</p>
</h2>
<input type="button" value="ALEATOIRE" onClick="populate(tt3);">
<input type="text" size="60" value="" id="tt3" >
<script type="text/javascript" charset="utf-8">
function populate (tt3) {
var obj=document.getElementById("tt3")
aleatoire=Math.floor(Math.random()*7);
switch(aleatoire){
case 0:obj.value="22";break;
case 1:obj.value="23";break;
case 2:obj.value="24";break;
case 3:obj.value="25";break;
case 4:obj.value="26";break;
case 5:obj.value="27";break;
case 6:obj.value="28";break;
}
}
</script>
</div>
</body>
</html>
[/CODE]
Problème: lorsque je clique sur n'importe quel bouton, le formulaire prend en compte que la dernière partie : <div 4>. C'est peut être très simple à résoudre et c'est possible qu'il y ai de grossières erreurs dans mon code, encore une fois je suis novice....
C'est du Javascript pas du Java, post dans le forum Javascript
Problème JS formule aléatoire
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.