首页HTML实现双色球抽奖

HTML实现双色球抽奖

时间: 2024-05-13 09:17:04 浏览: 128

这里给出一个简单的HTML代码实现双色球抽奖： ```html <!DOCTYPE html> <html> <head> <title>双色球抽奖</title> </head> <body> <h1>双色球抽奖</h1> <button onclick="draw()">开始抽奖</button> <p id="result"></p> <script> function draw() { // 生成6个红色球号码 var redBalls = []; while (redBalls.length < 6) { var num = Math.ceil(Math.random() * 33); if (redBalls.indexOf(num) === -1) { redBalls.push(num); } } // 生成1个蓝色球号码 var blueBall = Math.ceil(Math.random() * 16); // 显示抽奖结果 document.getElementById("result").innerHTML = "红球：" + redBalls.join(" ") + " 蓝球：" + blueBall; } </script> </body> </html> ``` 这个代码中，我们用到了JavaScript来实现抽奖的逻辑。当点击“开始抽奖”按钮时，会调用`draw()`函数来生成随机的红球和蓝球号码，然后将结果显示在页面上。需要注意的是，为了避免重复，生成红球号码时需要进行去重。

阅读全文