首页html随机数生成器

html随机数生成器

时间: 2023-11-01 14:57:29 浏览: 178

HTML本身没有内置的随机数生成器。不过你可以使用JavaScript来生成随机数。下面是一个简单的使用JavaScript在HTML中生成随机数的例子： ```html <!DOCTYPE html> <html> <head> <title>随机数生成器</title> <script> function generateRandomNumber() { var min = parseInt(document.getElementById("min").value); var max = parseInt(document.getElementById("max").value); var randomNum = Math.floor(Math.random() * (max - min + 1) + min); document.getElementById("output").innerHTML = "随机数为：" + randomNum; } </script> </head> <body> <h1>随机数生成器</h1> <label for="min">最小值：</label> <input type="number" id="min"> <br> <label for="max">最大值：</label> <input type="number" id="max"> <br> <button onclick="generateRandomNumber()">生成随机数</button> <p id="output"></p> </body> </html> ``` 在这个例子中，我们使用了JavaScript的`Math.random()`函数生成一个0到1之间的随机小数，然后我们将它乘以最大值和最小值之间的差，再加上最小值，然后用`Math.floor()`函数将结果取整，得到一个整数的随机数。这个随机数将会显示在页面上。

阅读全文