Question

我如何在表格中写下来从用户那里接收一个数字并制作一个具有该数字范围的骰子，其中变量“input”是他们的数字。我没有足够的表单经验，所有表格教程都是内联的。

<html>
<head>
</head>
<body>
<script>
result = Math.floor(((Math.random())* input))+1;
document.write(result);
</script>
</body>
</html>

Answer 1

<html>
<head>
</head>
<body>

<form>
<input id="txtInput" type="TextBox" onkeyup="myFunc();" />
</form>

<script>
function myFunc(){
    var input = document.getElementById("txtInput").value;
    result = Math.floor(((Math.random())* input))+1;
    document.write(result);
}
</script>

</body>
</html>

Answer 2

为了实现你的目标并避免将擦除所有内容的document.write（），你可以创建一个空div，然后将结果写入它。使用此代码，您可以根据需要重复调用随机函数的操作：

<html>
<head>
</head>
<body>

n: <input type="text" id="n" name="n" value="">
<input type="submit" value="submit" onclick="call_result();">

<div id="result"></div> 

<script type="text/javascript">
function call_result(){
    var input = parseInt(document.getElementById("n").value);
    var result = Math.floor((Math.random())*input)+1;
//  document.write(result);
    document.getElementById("result").innerHTML=result;
}
</script>

</body>
</html>

从表单中获取输入以分配变量

2 个答案: