首页JavaScript点击按钮生成4位随机数

JavaScript点击按钮生成4位随机数

时间: 2024-05-18 15:18:14 浏览: 124

好的，下面是生成随机四位数的 HTML 和 JavaScript 代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>生成4位随机数</title> </head> <body> <h1>生成4位随机数</h1> <p id="code"></p> <button onclick="generateCode()">生成随机数</button> <script> function generateCode() { var code = ""; for (var i = 0; i < 4; i++) { code += Math.floor(Math.random() * 10); } document.getElementById("code").innerHTML = code; } </script> </body> </html> ``` 这段代码与之前的代码相似，区别在于使用 `Math.random()` 函数生成 0 到 1 之间的随机数，并使用 `Math.floor()` 函数将其转换为整数。由于我们需要生成四位数，因此使用 `for` 循环四次，并将每个随机数添加到 `code` 字符串中。最后，将 `code` 字符串设置为 `<p>` 元素的文本内容，以显示生成的随机数。同样需要注意，由于这是客户端生成的随机数，因此不应该用于安全验证，因为它可以被轻松地破解。如果需要安全验证，请考虑使用服务器端生成的验证方法。

阅读全文