JavaScript小游戏,通过颜色选择正确的字

本文介绍了一个使用JavaScript开发的颜色匹配小游戏,玩家需要根据提示选择正确颜色的文字。文章详细讲解了游戏的实现思路,包括如何随机分配颜色、判断逻辑及计时器的使用。

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

前言

又是一个用JavaScript实现的小游戏,游戏规则为:根据上面的字的颜色从下面选择正确的字,选择正确自动开始

正文

主要思路:

如何改变字体和颜色:将颜色和字块,放进数组,通过将数组进行重新排序,这样可以将颜色随机赋给随机的一个字体。

如何进行判断:通过获取提示信息的颜色值和当前点击的对象的innerHTML进行比较,如果符合条件,则进入下一轮,例如:

if(char_inform == '红' && remind.style.color == 'red') {

random();

count++;

}

分数设置:当第一次点击正确时,游戏开始,并且开始计时,每点击正确一次,分数加1;在这儿,通过两层判断,用来防止计时器重复启动。例如:

if(count == 1) {

a++;

if(a == 1) {

cut_down();//计时器函数

}

}

}

这样,当下次点击正确时,a=2;满足条件,计时器函数无法再次调用。

重置游戏:当计时结束时,即time=0时,游戏结束。点击重置按钮,可以重新开始游戏,这儿用到history.go('0')用来刷新界面,以此来达到重置游戏的效果

效果图:




源码如下:


根据上面的字的颜色从下面选择正确的字,选择正确自动开始
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值