我该怎么做才能在第二个文本框中创建第二个随机数

时间:2013-04-11 19:08:22

标签: html

我不知道如何制作这个,所以它会生成两个不同的数字,并将它放入两个不同的文本框中,我已经尝试了很多,但我不能理解

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Dice Game</title>
 <style type="text/css">
 body,input{font-family:sans-serif; color:#FF0000; background-color:#990000#000000; }
 </style>
 <script type="text/javascript"language="javascript">
 function roller(){
 var num=Math.ceil(Math.random()*6);
 document.myForm.output.value=num;
 }

 </script>
 </head>

 <body>
 <form id="myForm" name="myForm"method="post"action="">
 <input type="button" name="Roll" id="Roll" value="Button" onclick="roller()"/>

 <br/>

 <input type="text" name="output" size="16" disabled="disabled" id="output"/>

 <form id="myForm" name="myForm"method="post"action="">

 <br/>

 <input type="text" name="output" size="16" disabled="disabled" id="output"/>




 </form>
 </body>
 </html>

1 个答案:

答案 0 :(得分:0)

你的HTML比它需要的时间长得多。我将其清理干净并放入小提琴:http://jsfiddle.net/HxzcC/

HTML:

<button id="roll" onclick="roller()">Roll</button>
<br/>
<input type="text" id="input1" size="16" disabled="disabled" />
<input type="text" id="input2" size="16" disabled="disabled" />

JavaScript的:

function roller(){
    var num = Math.ceil(Math.random()*6);
    document.getElementById('input1').value = num;
    var num = Math.ceil(Math.random()*6);
    document.getElementById('input2').value = num;
}