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

你需要

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

以防止新加载页面和

Windows 10 Education
Qt Creator (5.x)
Developing a Qt widget.

设置值。

Answer 2

Nina的答案很好，但你并不需要一个表格。怎么样而不是你的形式？

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

然后，随着Nina的建议，randomNumber函数就会出现：

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

由于没有表格，因此无需阻止表格实际发送。

顺便提一下，这会将随机数放在p中，id为＃＆＃34; number＆＃34;，我想这就是你想要的。但是，如果要保留仅包含数字的页面，请使用document.write而不是document.getElementById ...，就像在原始代码段中一样。

在JavaScript中生成随机数

2 个答案: