首页js HTML实现双色球随机选号

js HTML实现双色球随机选号

时间: 2023-07-12 09:05:29 浏览: 206

好的，以下是一个简单的双色球随机选号的实现代码： HTML代码： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>双色球随机选号</title> </head> <body> <h1>双色球随机选号</h1> <p>请点击下面的按钮生成随机号码：</p> <button onclick="generate()">生成号码</button> <p id="result"></p> </body> </html> ``` JavaScript代码： ``` function generate() { var redBalls = []; var blueBalls = []; // 生成6个红球号码 while (redBalls.length < 6) { var num = Math.floor(Math.random() * 33) + 1; if (redBalls.indexOf(num) === -1) { redBalls.push(num); } } // 生成1个蓝球号码 while (blueBalls.length < 1) { var num = Math.floor(Math.random() * 16) + 1; if (blueBalls.indexOf(num) === -1) { blueBalls.push(num); } } // 将号码按照升序排列 redBalls.sort(function(a, b) { return a - b; }); // 将号码拼接成字符串，方便显示 var result = "红球号码：" + redBalls.join("，") + "，蓝球号码：" + blueBalls.join("，"); // 将结果显示在页面上 document.getElementById("result").textContent = result; } ``` 这段代码实现了生成6个红球号码和1个蓝球号码，并将号码按照升序排列，最后将结果拼接成字符串并显示在页面上。你可以将以上代码复制到一个HTML文件中并打开，然后点击“生成号码”按钮即可看到随机生成的双色球号码。

阅读全文