为 HTML 生成随机数答案

【问题标题】：Generating a Random Number for HTML为 HTML 生成随机数
【发布时间】：2013-04-13 13:37:31
【问题描述】：

我正在尝试在两个值之间生成一个随机数，可以将其更改为我选择的任何值。在页面加载时，我希望数字显示在我的网站正文中。

谢谢！

【问题讨论】：

客户端（需要javascript）还是服务器端？你试过什么？
@GitaarLAB 我假设客户端只是因为我认为没有理由你会想要做这个服务器端，除非你想把它放在数据库或其他东西中......？
这些答案是否令人满意？如果是这样，请用已接受的复选标记标记并投票。

标签： html random numbers generator

【解决方案1】：

您的问题对于您需要什么非常含糊，但这是一个 Javascript 解决方案，它在两个变量之间生成一个随机数，然后将 <div> 内容设置为：

小提琴：http://jsfiddle.net/BenedictLewis/xmPgR/

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：

<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 -->

【讨论】：

假设你想要一个随机数/矩阵中的条目，应该怎么写？

【解决方案2】：

我已经使用 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>

如果您想在数字之间输出，例如 1-10 之间，只需编辑

Math.floor(Math.random() * 10) + 1;

希望对你有帮助。谢谢

【讨论】：

【解决方案3】：

在我看来，您似乎更愿意为您编写整个页面，所以就这样吧。我添加了一些非常基本的样式。希望你不要介意。

<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>

【讨论】：