<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>猜单词的双人游戏</title>
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/mobile.css">
</head>
<body>
<h1>猜单词游戏</h1>
<p>找到隐藏的单词-请按下键盘的字母键</p>
<div class="prompt-container">
<button type="button" class="btn" id="seeConfirm">查看提示</button>
<p id="confirm-text"></p>
</div>
<div class="game-container">
<svg class="figure-container">
<!-- 绞刑架部分 -->
<!-- x1 属性在 x 轴定义线条的开始
y1 属性在 y 轴定义线条的开始
x2 属性在 x 轴定义线条的结束
y2 属性在 y 轴定义线条的结束 -->
<line x1="20" x2="100" y1="230" y2="230"></line>
<line x1="60" x2="60" y1="230" y2="20"></line>
<line x1="58" x2="140" y1="20" y2="20"></line>
<line x1="140" x2="140" y1="18" y2="45"></line>
<!-- 头部 -->
<!-- cx和cy属性定义圆点的x和y坐标。如果省略cx和cy,圆的中心会被设置为(0, 0)r属性定义圆的半径 -->
<circle r="20" cx="140" cy="65" class="figure-part"></circle>
<!-- 身体部分 -->
<line x1="140" x2="140" y1="85" y2="165" class="figure-part"></line>
<!-- 手臂部分-->
<line x1="110" x2="140" y1="90" y2="115" class="figure-part"></line>
<line x1="140" x2="170" y1="115" y2="90" class="figure-part"></line>
<!-- 腿部分 -->
<line x1="110" x2="140" y1="188" y2="164" class="figure-part"></line>
<line x1="140" x2="170" y1="164" y2="188" class="figure-part"></line>
</svg>
<div class="wrong-letters-container">
<div class="wrong-letters-content">
<p>错误的字母</p>
<div id="wrong-letters"></div>
</div>
</div>
<div class="word" id="word"></div>
</div>
<div id="keyboard">
<button type="button" id="openKeyboard" class="btn">开启虚拟键盘</button>
<div class="keyboard-container"></div>
</div>
<script src="./plugins/popbox.js"></script>
<script src="./plugins/message.js"></script>
<script src="js/index.js"></script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。</p>
<p>更多源码:<a href="http://WW.96flw.COM/" target="_blank">尽在WW.96flw.COM</a></p>
</div>
</body>
</html>
js猜单词游戏代码.zip
版权申诉
3 浏览量
2023-10-09
23:52:03
上传
评论
收藏 10KB ZIP 举报
码云笔记
- 粉丝: 2w+
- 资源: 5851
最新资源
- 前端学习笔记,做一个简单的网站-星星,学习代码
- React框架面试题.pdf
- Arduino168种传感器模块系列实验之三:RCWL-0516微波雷达感应开关传感器模块(收录16项实验)
- 前端学习笔记,做一个简单的网站-贪吃蛇,学习代码
- 前端学习笔记,做一个简单的网站-获取内部文案,学习代码
- 前端学习笔记,做一个简单的网站-使用箭头函数改写下列代码,学习代码
- 前端学习笔记,做一个简单的网站-html,学习代码,很值得学习
- 前端学习笔记,做一个简单的网站- 检测昵称是否是有汉字字母数字下划线组成,6-8位,学习代码
- 前端学习笔记,做一个简单的网站- 检测是否是数字,包括整数,小数,学习代码
- 前端学习笔记,做一个简单的网站- 检测是否是2到4位汉字,学习代码
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈