利用javascript写一个石头剪刀布的简易小游戏

最新推荐文章于 2023-08-29 17:58:25 发布

故事的小黄花hah

最新推荐文章于 2023-08-29 17:58:25 发布

阅读量711

点赞数

CC 4.0 BY-SA版权

文章标签： js javascript

本文链接：https://blog.youkuaiyun.com/lsxlyy/article/details/116665648

这篇博客介绍了一个利用JavaScript编写的石头剪刀布小游戏。游戏规则是玩家与电脑随机选择石头、剪刀或布进行比拼，包括胜利、失败和平局三种结果，并将每次结果展示出来。实现过程中主要应用了JavaScript的鼠标点击和移入移出事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>石头剪刀布</title>
	<style type="text/css">

		div{
   
   
			border:3px solid red;
			float: left;
			margin-left: 20%;
			padding: 10px;
			text-align: center;
			background-color: pink
		}
		img{
   
   
			height: 100px;
			margin:10px;
			border:1px solid blue;
			opacity: 0.4
		}
		ul{
   
   
			list-style: none;
			margin-left: 20%
		}
		li{
   
   
			display: inline;

		}
		span{
   
   
			width: 70px;
			float: left;
			background-color: teal;
			padding:5px;
		}
	</style>
</head>
<body>
	<div>
		<strong>电脑玩家</strong> <br>
		<img src="rock.jpg" alt="" style="opacity:1.0"> <br>
		<strong>玩家</strong>	<br