使用 Switch 语句的 JavaScript 游戏

Switch 语句是 JavaScript 中的一种控制结构，用于根据条件执行不同的代码块。在本篇主题中，我们将介绍如何使用 Switch 语句创建一个简单游戏。

游戏规则

我们的游戏是一个石头、剪刀、布的游戏，玩家将选择其中一种，与计算机进行对决。每个选择都有对应的输赢条件，最后输出胜负结果。

代码实现

以下是游戏代码的实现，使用了 Switch 语句进行条件判断。玩家将在页面中点击石头、剪刀、布中的一个，触发对应的函数并传入玩家选择的参数。计算机将在随机生成石头、剪刀、布中的一个，并进行比较，最后输出结果。

```javascript
function game(playerChoice){
    var computerChoice = Math.floor(Math.random()*3);
    var result;
    switch(playerChoice){
        case 'rock':
            if(computerChoice == 0) result = 'Tie!';
            else if(computerChoice == 1) result = 'You lose!';
            else result = 'You win!';
            break;
        case 'paper':
            if(computerChoice == 0) result = 'You win!';
            else if(computerChoice == 1) result = 'Tie!';
            else result = 'You lose!';
            break;
        case 'scissors':
            if(computerChoice == 0) result = 'You lose!';
            else if(computerChoice == 1) result = 'You win!';
            else result = 'Tie!';
            break;
        default:
            result = 'Invalid choice';
            break;
    }
    document.getElementById('result').innerHTML = result;
}

在 HTML 中添加以下代码，用于触发游戏函数并传入玩家选择的参数：

```html
<button onclick="game('rock')">Rock</button>
<button onclick="game('paper')">Paper</button>
<button onclick="game('scissors')">Scissors</button>

在页面中添加一个空白区域，用于输出游戏结果：

```html
<div id="result"></div>

结尾语

Switch 语句是一个常用的 JavaScript 控制结构，可以帮助我们快速而简洁地实现复杂的条件判断。在本篇主题中，我们使用了 Switch 语句创建了一个简单的游戏，并通过 HTML 和 JavaScript 将它展现在页面中。