以下代码实现了一个简单的HTML页面，通过点击“机选”按钮，可以随机生成5组双色球号码，并在页面上显示出来。每组号码包含6个红球号码和1个蓝球号码。其中，红球号码范围为1-33，蓝球号码范围为1-16。在生成号码时，使用了JavaScript的随机数函数Math.random()，并对生成的号码进行了排序，以确保每次生成的号码都是不同的。最终，将生成的号码显示在页面上，供用户参考。
以下是HTML代码实现双色球机选五组的功能：
<!DOCTYPE html>
<html>
<head>
<title>双色球机选五组</title>
<meta charset="UTF-8">
</head>
<body>
<h1>双色球机选五组</h1>
<form>
<label>第一组：</label>
<input type="text" id="group1" readonly>
<button type="button" onclick="generateGroup(1)">机选</button>
<br>
<label>第二组：</label>
<input type="text" id="group2" readonly>
<button type="button" onclick="generateGroup(2)">机选</button>
<br>
<label>第三组：</label>
<input type="text" id="group3" readonly>
<button type="button" onclick="generateGroup(3)">机选</button>
<br>
<label>第四组：</label>
<input type="text" id="group4" readonly>
<button type="button" onclick="generateGroup(4)">机选</button>
<br>
<label>第五组：</label>
<input type="text" id="group5" readonly>
<button type="button" onclick="generateGroup(5)">机选</button>
<br>
</form>
<script>
function generateGroup(num) {
var redBall = [], blueBall = [];
for (var i = 1; i <= 33; i++) {
redBall.push(i);
}
for (var i = 1; i <= 16; i++) {
blueBall.push(i);
}
redBall.sort(function() {
return Math.random() - 0.5;
});
blueBall.sort(function() {
return Math.random() - 0.5;
});
var redResult = redBall.slice(0, 6);
var blueResult = blueBall.slice(0, 1);
document.getElementById("group" + num).value = "红球：" + redResult.join(", ") + " 蓝球：" + blueResult;
}
</script>
</body>
</html>
效果如下：
评论