中秋博饼js
时间: 2023-07-23 22:06:13 浏览: 144
以下是一个简单的中秋博饼的 JavaScript 实现,你可以在网页中嵌入这段代码,然后就可以玩中秋博饼啦!
```html
<!DOCTYPE html>
<html>
<head>
<title>中秋博饼</title>
<style type="text/css">
table {
border-collapse: collapse;
}
td, th {
border: 1px solid black;
padding: 10px;
text-align: center;
}
.active {
background-color: orange;
}
</style>
</head>
<body>
<h1>中秋博饼</h1>
<table>
<tr>
<th>点数</th>
<th>骰子</th>
<th>说明</th>
<th>得分</th>
</tr>
<tr>
<td>1</td>
<td>⚀</td>
<td>状元插金花</td>
<td>6 分</td>
</tr>
<tr>
<td>2</td>
<td>⚁</td>
<td>六杯红</td>
<td>5 分</td>
</tr>
<tr>
<td>3</td>
<td>⚂</td>
<td>遍地锦</td>
<td>4 分</td>
</tr>
<tr>
<td>4</td>
<td>⚃</td>
<td>四点红</td>
<td>3 分</td>
</tr>
<tr>
<td>5</td>
<td>⚄</td>
<td>三红</td>
<td>2 分</td>
</tr>
<tr>
<td>6</td>
<td>⚅</td>
<td>二举</td>
<td>1 分</td>
</tr>
</table>
<br>
<button onclick="roll()">开始博饼</button>
<br><br>
<div id="result"></div>
<script type="text/javascript">
function roll() {
var dice1 = Math.floor(Math.random() * 6) + 1;
var dice2 = Math.floor(Math.random() * 6) + 1;
var dice3 = Math.floor(Math.random() * 6) + 1;
var dice4 = Math.floor(Math.random() * 6) + 1;
var dice5 = Math.floor(Math.random() * 6) + 1;
var dices = [dice1, dice2, dice3, dice4, dice5];
var counts = [0, 0, 0, 0, 0, 0];
for (var i = 0; i < dices.length; i++) {
counts[dices[i]]++;
}
var resultText = "你博到的点数是:" + dices.join(",") + "<br>";
if (counts[1] == 5) {
resultText += "恭喜你,博到了状元插金花,得 6 分!";
} else if (counts[1] == 4) {
resultText += "恭喜你,博到了六杯红,得 5 分!";
} else if (counts[1] == 3) {
if (counts[2] == 2) {
resultText += "恭喜你,博到了三红,得 2 分!";
} else {
resultText += "恭喜你,博到了遍地锦,得 4 分!";
}
} else if (counts[1] == 2) {
if (counts[2] == 3) {
resultText += "恭喜你,博到了四点红,得 3 分!";
} else {
resultText += "恭喜你,博到了二举,得 1 分!";
}
} else {
resultText += "你的运气不太好,这次没有得分。";
}
document.getElementById("result").innerHTML = resultText;
}
</script>
</body>
</html>
```
这段代码会生成一个网页,里面包含了一个博饼的表格和一个“开始博饼”按钮。当你点击“开始博饼”按钮时,JavaScript 代码会生成五个随机数,模拟五个骰子的点数。然后根据点数的组合,计算出你的得分,并在网页上显示出来。
如果你想要修改博饼的规则,可以修改代码中的分数计算部分。
阅读全文