📜  生成 1 到 100 之间的随机数 - Html (1)

📅  最后修改于: 2023-12-03 15:11:13.131000             🧑  作者: Mango

生成 1 到 100 之间的随机数 - Html

在Web应用程序或网站中,将生成随机数视为常见的技术。 Html可以是 web 应用程序中使用的主要语言之一。在Html中生成1到100之间的随机数是一项很容易实现的任务。

以下是如何在Html中生成 1 到 100 之间的随机数的代码段:

<!DOCTYPE html>
<html>
    <head>
        <title>生成 1 到 100 之间的随机数 - Html</title>
    </head>
    <body>
        <h1>生成 1 到 100 之间的随机数</h1>
        <p>点击下面的按钮,将会在页面中显示一个1到100之间的随机数</p>
        <button onclick="generateRandomNumber()">生成随机数</button>
        <p id="random-number"></p>

        <script type="text/javascript">
            function generateRandomNumber() {
                // 生成 1 到 100 之间的随机数
                var randomNumber = Math.floor((Math.random() * 100) + 1);
                
                // 显示随机数
                document.getElementById("random-number").innerHTML = "随机数是:" + randomNumber;
            }
        </script>
    </body>
</html>

代码中包含一个按钮,并添加了一些JavaScript代码,以生成随机数并在页面中显示它。

有了这段代码,你就可以在Html中轻松地生成1到100之间的随机数了。