JavaScript 实现猜拳游戏

577 阅读2分钟

1:用 JavaScript 实现猜拳游戏

思路:设置两个变量,代表两位玩家,选择多条件语句 ——if

将一位玩家赢的情况列为一种表达式,弹窗依次输入玩家所出的石头 / 剪刀 / 布,弹出哪位玩家赢得游戏。


if(条件表达式1){
    满足1,业务功能1
} else if(条件表达式2){
    满足2,业务功能2
} else if(条件表达式n){
    满足n,业务功能n
}else {
    上面条件都不满足,执行业务
}

2:使用 HBuilder x 实现

新建 HTML 文件和 js 文件,目录名一致。例如:index.html;index.js

HTML 代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="./js/index.js">
		</script>
	</head>
	<body>
	</body>
</html>

js 代码:

function fungame(x, y) {
	if (x == "石头" && y == "剪刀" || x == "布" && y == "石头" || x == "剪刀" && y == "布") {
		alert("第一位赢,第二位输")
	} else if (x == "剪刀" && y == "石头" || x == "石头" && y == "布" || x == "石头" && y == "剪刀") {
		alert("第一位输,第二位赢")
	} else if (x == "剪刀" && y == "剪刀" || x == "石头" && y == "石头" || x == "布" && y == "布") {
		alert("平局")
	}
}
var game1 = prompt("第一位玩家(石头;剪刀;布):")
var game2 = prompt("第二位玩家(石头;剪刀;布):")

fungame(game1,game2)

3:最后运行结果

5:运行代码时出现的问题

  • 浏览器无任何显示: 点击浏览器空白处,按下键盘键 F12 ,查看 console,出现红色报错,后面后提示在第几行,返回重新修改即可,如果没有红色报错,则为代码逻辑问题。
  • **代码格式出现问题: ** 当代码格式出现问题时,浏览器依旧打不开,按下 F12  会提示报错,此时检查标点符号或格式,点击鼠标右键,选择重排代码格式,或按快捷键 Ctrl+K  ,再次运行即可。
  • 代码逻辑出现问题: 检查逻辑是否出现问题,检查单词是否存在拼写错误的问题,检查代码结构是否出现问题。