当前位置: 首页 > news >正文

上海门户网站建设口碑推广

上海门户网站建设,口碑推广,网站建设与管理提纲,wifi推广小程序搭建HTML5CSSJavaScript剪子石头布游戏 用HTML5CSSJavaScript剪子石头布游戏实现剪子石头布游戏,游戏有成绩计数,人、机输赢情况,及平局情况。 ✂代表剪刀,▉代表石头,▓ 代表布,给出人机双方的出拳情况 游戏…

HTML5+CSS+JavaScript剪子石头布游戏

用HTML5+CSS+JavaScript剪子石头布游戏实现剪子石头布游戏,游戏有成绩计数,人、机输赢情况,及平局情况。

✂代表剪刀,▉代表石头,▓ 代表布,给出人机双方的出拳情况

游戏规则                                          

剪刀胜布:剪刀可以剪断布。

石头胜剪刀:石头可以砸坏剪刀。

布胜石头:布可以包住石头。

先看运行效果图:

源码如下:

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>剪子石头布游戏</title><style>body {font-family: Arial, sans-serif;text-align: center;background-color: #f0f0f0;}.container {margin-top: 50px;}.choices button {width: 80px; /* 设置按钮宽度 */  height: 50px; /* 设置按钮高度 */     font-size: 20px;padding: 10px 20px;margin: 10px;cursor: pointer;}.result {font-size: 24px;margin-top: 20px;}.scoreboard {margin-top: 30px;font-size: 20px;}</style>
</head>
<body><div class="container"><h1>剪子石头布游戏</h1><div class="choices"><button onclick="playGame('✂️')">✂️</button><button onclick="playGame('▉')">▉</button><button onclick="playGame('▓')">▓</button></div><div class="result"><p id="resultText">请选择您的出拳</p><p id="Choice">出拳情况: </p></div><div class="scoreboard"><p>玩家胜利: <span id="playerWins">0</span>  ; 电脑胜利: <span id="computerWins">0</span>  ; 平局: <span id="ties">0</span> </p></div></div><script>let playerWins = 0;let computerWins = 0;let ties = 0;function playGame(playerChoice) {const choices = ['✂️', '▉', '▓'];const computerChoice = choices[Math.floor(Math.random() * choices.length)];document.getElementById('Choice').textContent = `玩家出拳: ${playerChoice}  ;电脑出拳: ${computerChoice}`;let result = '';if (playerChoice === computerChoice) {result = '平局!';ties++;} else if ((playerChoice === '✂️' && computerChoice === '▓') ||(playerChoice === '▉' && computerChoice === '✂️') ||(playerChoice === '▓' && computerChoice === '▉')) {result = '你赢了!';playerWins++;} else {result = '电脑赢了!';computerWins++;}document.getElementById('resultText').textContent = result;document.getElementById('playerWins').textContent = playerWins;document.getElementById('computerWins').textContent = computerWins;document.getElementById('ties').textContent = ties;}</script>
</body>
</html>

http://www.ds6.com.cn/news/48385.html

相关文章:

  • 汽车之家网址seo外链发布技巧
  • 房地产做网站不百度seo培训班
  • 做淘宝要网站小程序制作
  • 临淄网站制作首选专家网络热词2021流行语
  • 品牌购买网站北京优化推广公司
  • 网站跳出率高怎么办搜索引擎的优化方法有哪些
  • 网络规划设计的步骤包括哪些橘子seo历史查询
  • 成都php网站开发百度seo优化技巧
  • githuub怎么做网站百度引擎搜索入口
  • 余姚物流做网站深圳网站开发制作
  • 外包加工网怎么样怎么优化自己网站
  • apmserv搭建多个网站泉州网站建设优化
  • iis 7.0 搭建网站2019网站seo
  • 如何申请免费网站空间怎样做网络推广营销
  • python整合网站开发技术哪些广告平台留号码
  • 网站每年空间域名费用及维护费百度一下首页百度
  • 企业网站开发方案百度知道app
  • 免费做简历的网站seo是搜索引擎优化吗
  • 湖南省新冠肺炎疫情防控指挥部seo研究中心超逸seo
  • 呼和浩特网站建设设计优化百度搜索
  • 临朐整站优化大片ppt免费下载安装
  • html所有代码大全厦门seo测试
  • 知名网站设计欣赏河南网站推广那家好
  • 个人站长适合做什么网站电商培训机构哪家好
  • 公司网站建设有哪些百度爱采购竞价推广
  • 徐州工程造价信息网网站推广优化价格
  • 屏幕分辨率 网站开发佛山seo关键词排名
  • 免费行情网站百度快照入口
  • 网站推广计划重庆seo团队
  • 南冒网站建设制作推广公司产品推广的渠道有哪些