学习JavaScript(1)-制作一个简单的石头剪刀布游戏

本文介绍了如何使用JavaScript制作一个简单的石头剪刀布游戏。通过设置游戏规则,如玩家输入、电脑随机选择、胜负判断和分数计算,来实践JS的基本操作,包括读取HTML元素、逻辑判断和随机数生成。游戏界面虽然简单,但有助于提升JavaScript编程技能。
摘要由CSDN通过智能技术生成

今天通过制作一个简单的游戏来练习Js。 在屏幕中出现三个按钮 石头 剪刀 布,点击后 显示电脑随机出了什么和结果,同时还有一个记录赢了多少次的功能。

先做好外观,丑陋无比,主要是练习JS,就凑合着吧。这里写图片描述

分数计算方法为胜利+1 失败-1

这里需要变量player存储输入的选项,变量com存储随机生成的选项,变量result存储本次结果,变量score存储到现在的分数。

比较大小方法

假设石头为2,剪刀为1,布为0,
胜利:
2-1=1
1-0=1
0-2=-2
失败:
0-1=-1
1-2=-1
2-0=2

可以看到,只需要根据按钮点击,给player赋值,然后com从(0,1,2)中随机选取,相减然后通过差,就可以判断出结果。

在实现中的第一点是通过按键给player赋值。 这里最笨的办法是把player写成全局变量,然后按不同的键执行不同的func给player赋值。 噢,这样太蠢了,我的做法是把游戏函数设定了一个参数,然后点击之后直接传给函数参数。

第二点是随机数的取得,这个不难,具体算法是先用自带的随机数生成器生成一个0-1的浮点数,然后把它乘3,再取它的整数位即可。
引申下,如果想取得一个(n,m)的随机整数,算法如下
c=m-n+1
rd=浮点数*c+n
对这个rd取整数位即可。

第三点就是对Result的写法,这里做法是永远都先从html中读取数值,然后使用parseInt()函数取得他的值,然后进行处理,再写回去。

源代码如下,

<!DOCTYPE html>
<html>
    <
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值