HTML5 实现超简单前端麻将计分，一键算出四人总得分！

```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>麻将计分</title> </head> <body> <h1>麻将计分器</h1> <div> <label for="score1">玩家1得分：</label> <input type="number" id="score1" value="0"> </div> <div> <label for="score2">玩家2得分：</label> <input type="number" id="score2" value="0"> </div> <div> <label for="score3">玩家3得分：</label> <input type="number" id="score3" value="0"> </div> <div> <label for="score4">玩家4得分：</label> <input type="number" id="score4" value="0"> </div> <div> <button onclick="calculateScore()">计算总分</button> </div> <h2 id="totalScore">总得分：0</h2> <script> function calculateScore() { var score1 = parseInt(document.getElementById('score1').value); var score2 = parseInt(document.getElementById('score2').value); var score3 = parseInt(document.getElementById('score3').value); var score4 = parseInt(document.getElementById('score4').value); var totalScore = score1 + score2 + score3 + score4; document.getElementById('totalScore').textContent = "总得分：" + totalScore; } </script> </body> </html> ``` 在这个示例中，我们创建了一个简单的HTML页面，用于计算四名玩家的麻将得分。用户可以输入每个玩家的得分，然后点击“计算总分”按钮来计算总得分并显示在页面上。JavaScript函数`calculateScore()`将获取每个玩家的得分并将它们加起来，然后将总得分显示在页面上。 ######[AI写代码神器 | 1009点数解答 | 2024-07-25 03:54:02]

服务商

更多选项

快捷项

自定义