为 HTML 生成随机数
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/16116832/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Generating a Random Number for HTML
提问by Siunami
I am trying to generate a random number between two values that can be changed to whatever I choose. On the load of the page, I want the number to be shown in the body of my site.
我试图在两个值之间生成一个随机数，可以更改为我选择的任何值。在页面加载时，我希望数字显示在我的网站正文中。
Thanks!
谢谢！
回答by Benedict Lewis
Your question was pretty vague about what you needed but here is a Javascript solution that generates a random number between two variables and then sets a <div>content to that:
您的问题对于您需要什么非常模糊，但这里有一个 Javascript 解决方案，它在两个变量之间生成一个随机数，然后将<div>内容设置为：
Fiddle: http://jsfiddle.net/BenedictLewis/xmPgR/
小提琴：http: //jsfiddle.net/BenedictLewis/xmPgR/
JS:
JS：
var link = document.getElementById('getNumber'); // Gets the link
link.onclick = getNumber; // Runs the function on click
function getNumber() {
var minNumber = 0; // The minimum number you want
var maxNumber = 100; // The maximum number you want
var randomnumber = Math.floor(Math.random() * (maxNumber + 1) + minNumber); // Generates random number
$('#myNumber').html(randomnumber); // Sets content of <div> to number
return false; // Returns false just to tidy everything up
}
HTML:
HTML：
<div id="myNumber"></div> <!-- Your number will appear in here -->
<a href="no-javascript.html" id="getNumber">Get number</a> <!-- Link to get number. If the user has no JS enabled it will redirect to no-javascript.html -->
回答by Rutvij07
I have done this using javascript,it will generate random numbers between 0-9.Here is the code.
我已经使用 javascript 完成了此操作，它将生成 0-9 之间的随机数。这是代码。
<html>
<body>
<p id="one"></p>
<button onclick="random()">Random</button>
<script>
function random(){
document.getElementById("one").innerHTML = Math.floor(Math.random() * 10);
}
</script>
</body>
If you want output between numbers for example between 1-10 , just edit
如果您想在数字之间输出，例如在 1-10 之间，只需编辑
Math.floor(Math.random() * 10) + 1;
Hope this will help you.Thank you
希望这会帮助你。谢谢
回答by Aaron Plocharczyk
It seems to me like you'd prefer to have the whole page written for you, so here you go. I added some very basic styling. Hope you don't mind.
在我看来，您似乎更愿意为您编写整页，所以就这样吧。我添加了一些非常基本的样式。希望你不要介意。
<html>
<head>
<script src="https://randojs.com/1.0.0.js"></script>
<script>
function showRandomNumber(){
document.getElementById("myNumber").innerHTML = rando(5, 10);
}
</script>
<style>
#myNumber{
font-size:100px;
text-align:center;
margin:50px auto;
font-family:Arial, sans-serif;
}
</style>
</head>
<body onload="showRandomNumber();">
<div id="myNumber"></div>
</body>
</html>
