ユーザーから数字を受け取り、その数字の範囲でサイコロを振るフォームを作成するにはどうすればよいですか。変数「入力」はその数字です。フォームに関する十分な経験がなく、フォームのチュートリアルはすべてインラインです。
<html>
<head>
</head>
<body>
<script>
result = Math.floor(((Math.random())* input))+1;
document.write(result);
</script>
</body>
</html>
ユーザーから数字を受け取り、その数字の範囲でサイコロを振るフォームを作成するにはどうすればよいですか。変数「入力」はその数字です。フォームに関する十分な経験がなく、フォームのチュートリアルはすべてインラインです。
<html>
<head>
</head>
<body>
<script>
result = Math.floor(((Math.random())* input))+1;
document.write(result);
</script>
</body>
</html>
<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>
目標を達成し、すべてを消去する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>