在 JavaScript 中生成一个随机数

Question

我想要做的就是让用户点击一个按钮来生成一个随机数。它似乎有效，但数字只显示一秒钟就消失了。这是我的代码。

<!DOCTYPE html>

<head>
</head>

<body>

<h3>
This is a random number generator!
</h3>

<form onsubmit= "randomNumber()">
<input type="submit" value="Click me!">
</form>

<script>
function randomNumber() {
    document.write(Math.floor(Math.random() * 10));
}
</script>

<p id="number">
</p>
</body>
</html>

Answer 1

你需要

<form onsubmit="randomNumber(); return false;">

防止页面的新加载和

function randomNumber() {
    document.getElementById('number').innerHTML = Math.floor(Math.random() * 10);
}

设置值。

Answer 2

Nina 的回答很好，但您真的不需要表格。用这个代替你的表格怎么样？

<button onclick="randomNumber()">Click me!</button>

然后 randomNumber 函数将按照 Nina 的建议运行：

function randomNumber() {
    document.getElementById('number').innerText = Math.floor(Math.random() * 10);
}

因为没有表格，所以没有必要阻止表格的实际发送。

顺便说一句，这会将随机数放入 ID 为 "number" 的 p 中，我想这就是您想要的。但是，如果您想留下仅包含数字的页面，请使用 document.write 而不是 document.getElementById...，就像在您的原始代码段中一样。

在 JavaScript 中生成一个随机数

Generating a random number in JavaScript

javascript

random

numbers