JavaScript 猜拳游戏：从 HTML 到 JavaScript124

简介

猜拳是一种有趣又简单的游戏，可以用 JavaScript 来实现。通过这个教程，你将学会如何创建一个 JavaScript 猜拳游戏，其中玩家可以与计算机对战。我们将从基本的 HTML 结构开始，然后逐步添加 JavaScript 代码来实现游戏的逻辑。

HTML 结构

首先，我们需要创建游戏的 HTML 结构。创建一个名为 "" 的文件，并添加以下代码：```html

猜拳游戏

石头
布
剪刀

```
* body 部分包含游戏的标题和猜拳按钮。
* choices div 包含玩家可以选择的三个按钮，每个按钮都调用 play() 函数，传递一个岩石、布或剪刀的选择。
* result div 将显示游戏结果。

JavaScript 逻辑

接下来，我们需要添加 JavaScript 代码来实现游戏的逻辑。在标签末尾添加以下代码：```javascript

function play(choice) {
// 获取计算机的选择
let computerChoice = () > 0.5 ? 'rock' : 'paper';
// 确定结果
let result;
switch (choice) {
case 'rock':
result = computerChoice === 'scissors' ? 'win' : 'lose';
break;
case 'paper':
result = computerChoice === 'rock' ? 'win' : 'lose';
break;
case 'scissors':
result = computerChoice === 'paper' ? 'win' : 'lose';
break;
}
// 显示结果
('result').innerHTML = `你选择了 ${choice}，计算机选择了 ${computerChoice}，你 ${result} 了！`;
}

```
* play() 函数接受玩家的选择作为参数。
* 它使用 () 生成一个介于 0 和 1 之间的随机数，如果它大于 0.5，则计算机选择石头，否则选择布。
* 它使用一个 switch 语句来确定玩家和计算机选择之间的结果。
* 最后，它将结果显示在 result div 中。