猜拳（石头剪子布）前端HTML源代码，三种不同的实现方式

最新推荐文章于 2024-07-24 13:57:32 发布

wangzekunzk

最新推荐文章于 2024-07-24 13:57:32 发布

阅读量1.1k

点赞数 1

分类专栏： JS HTML 前端文章标签： javascript html 前端

本文链接：https://blog.csdn.net/tanghlnihao/article/details/108278233

版权

这是一个使用HTML和JavaScript实现的猜拳游戏。玩家可以选择石头、剪刀或布，然后点击出拳按钮，程序会随机生成计算机的选择，并根据规则判断胜负。游戏提供了按钮、单选按钮组和下拉列表三种交互方式。

摘要由CSDN通过智能技术生成

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>猜拳（石头剪子布） </title>
<script type="text/javascript">
var userselect = 3;
function userchk(val) {
userselect = val
var userselectval = "请出招";
switch (userselect) {
case 0: userselectval = "你将要出招“布”"; break;
case 1: userselectval = "你将要出招“石头”"; break;
case 2: userselectval = "你将要出招“剪刀”"; break;
}
document.getElementById("userselectval").innerText = userselectval;
document.getElementById("computerselectval").innerText = "";
document.getElementById("movesval").innerText = "";
}
function Moves() {
if (userselect < 0 || userselect > 2) {
alert("请选择要出的招")
return;
}
var movesval = "";
var computerselect = parseInt((Math.random() * 1000) % 3);
if (compare(computerselect, userselect) == 1) {
movesval = "猜拳结果：你赢了";
}
if (compare(computerselect, userselect) == 0) {
movesval = "猜拳结果：平局