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 ,再次运行即可。
- 代码逻辑出现问题: 检查逻辑是否出现问题,检查单词是否存在拼写错误的问题,检查代码结构是否出现问题。