使用jQuery/JavaScript时,单击计数器为100时启用按钮
我最近一直在做一个小游戏。你有两个可以赚钱的按钮,其中一个有计时器,当计时器结束时,你可以点击它,你的帐户中有+500美元 用另一个按钮,你可以通过点击它来赚钱。每单击一次,您的帐户中就有+1$ 现在我想做一个能让钱翻倍的按钮。为此,我制作了第三个按钮,上面写着“启用我” 我想制作一个函数,当您的帐户超过$100时启用该按钮。你知道我怎么做吗 这是我的密码:使用jQuery/JavaScript时,单击计数器为100时启用按钮,javascript,html,jquery,double,Javascript,Html,Jquery,Double,我最近一直在做一个小游戏。你有两个可以赚钱的按钮,其中一个有计时器,当计时器结束时,你可以点击它,你的帐户中有+500美元 用另一个按钮,你可以通过点击它来赚钱。每单击一次,您的帐户中就有+1$ 现在我想做一个能让钱翻倍的按钮。为此,我制作了第三个按钮,上面写着“启用我” 我想制作一个函数,当您的帐户超过$100时启用该按钮。你知道我怎么做吗 这是我的密码: $(“.addOneButton”)。单击(函数(){ 设置计数器(getCounter()+1); }); 函数myFunction(
$(“.addOneButton”)。单击(函数(){
设置计数器(getCounter()+1);
});
函数myFunction(){
$(“.addOneButton”)。单击(函数(){
设置计数器(getCounter()+1);
});
}
函数HIDEUPGRADEBUTON(){
document.getElementById(“升级”).style.display=“无”;
}
$('#btn').prop('disabled',true);
开始计数();
函数getCounter(){
返回parseInt($('#counter').html();
}
函数设置计数器(计数){
$('#counter').html(计数);
}
$(“#btn”)。单击(函数(){
设置计数器(getCounter()+500);
$('#btn').prop('disabled',true);
开始计数();
});
函数startCountDown(){
var counter=document.getElementById(“计数器”)
var分钟=1,
秒=30;
$(“#倒计时”).html(分钟+”:“+秒);
var count=setInterval(函数(){
如果(帕森特(分钟)<0 | |帕森特(秒)500){
$(“#升级”).prop('disabled',false);
}
}, 1000);
}
*{
字体系列:“Roboto”,无衬线;
}
#总数{
显示器:flex;
证明内容:中心;
保证金:0自动;
宽度:自动;
}
#边界{
边框:1px纯灰;
填料:0.2米1米0.2米1米;
}
.内联{
显示:内联块;
}
/*
定时器按钮启动
*/
按钮:禁用{
字体大小:25px;
宽度:200px;
填充:0.2米;
背景#f54532;
颜色:#D0;
边界:无;
边界半径:5px;
光标:指针;
过渡:均为0.3秒;
滤镜:灰度(30%);
}
钮扣{
字体大小:25px;
宽度:200px;
填充:0.2米;
背景#f54532;
颜色:#fff;
边界:无;
边界半径:5px;
光标:指针;
过渡:均为0.3秒;
边缘:0.5em;
用户选择:无;
}
按钮:启用:悬停{
转换:比例(1.1);
}
按钮:启用:激活{
变换:比例(0.9);
滤光片:亮度(70%);
}
/*
定时器按钮端
*/
毕先生{
字体大小:20px;
显示:内联flex;
对齐项目:居中;
}
#中心按钮{
显示器:flex;
证明内容:中心;
}
0
$
收集
加一个!
让我来代码>更改getCounter:
function getCounter(){
var counter = parseInt($('#counter').html());
if(parseInt(counter) > 99){
$("#upgrade").prop('disabled', false);
}
return counter;
}
设置一个变量,该变量保存增量
值,并设置一个变量,该变量使您启用按钮一次
然后检查计数器>100&&是否尚未启用,然后使用函数myFunction()
PS我编辑了计时器值:要快速进行测试:
请参见下面的代码片段:
var增量=1;
var enabled=false;
$(“.addOneButton”)。单击(函数(){
var count=getCounter();
如果(计数>100&!已启用){
$(“#升级”).prop('disabled',false)
启用=真;
}
设置计数器(计数+增量);
});
函数myFunction(){
增量++;
}
函数HIDEUPGRADEBUTON(){
document.getElementById(“升级”).style.display=“无”;
}
$('#btn').prop('disabled',true);
开始计数();
函数getCounter(){
返回parseInt($('#counter').html();
}
函数设置计数器(计数){
$('#counter').html(计数);
}
$(“#btn”)。单击(函数(){
设置计数器(getCounter()+500);
$('#btn').prop('disabled',true);
开始计数();
});
函数startCountDown(){
var counter=document.getElementById(“计数器”)
var分钟=0,
秒=10
$(“#倒计时”).html(分钟+”:“+秒);
var count=setInterval(函数(){
如果(帕森特(分钟)<0 | |帕森特(秒)500){
$(“#升级”).prop('disabled',false);
}
}, 1000);
}
*{
字体系列:“Roboto”,无衬线;
}
#总数{
显示器:flex;
证明内容:中心;
保证金:0自动;
宽度:自动;
}
#边界{
边框:1px纯灰;
填料:0.2米1米0.2米1米;
}
.内联{
显示:内联块;
}
/*
定时器按钮启动
*/
按钮:禁用{
字体大小:25px;
宽度:200px;
填充:0.2米;
背景#f54532;
颜色:#D0;
边界:无;
边界半径:5px;
光标:指针;
过渡:均为0.3秒;
滤镜:灰度(30%);
}
钮扣{
字体大小:25px;
宽度:200px;
填充:0.2米;
背景#f54532;
颜色:#fff;
边界:无;
边界半径:5px;
光标:指针;
过渡:均为0.3秒;
边缘:0.5em;
用户选择:无;
}
按钮:启用:悬停{
转换:比例(1.1);
}
按钮:启用:激活{
变换:比例(0.9);
滤光片:亮度(70%);
}
/*
定时器按钮端
*/
毕先生{
字体大小:20px;
显示:内联flex;
对齐项目:居中;
}
#中心按钮{
显示器:flex;
证明内容:中心;
}
0
$
收集
加一个!
让我来嘿,这太好了!非常感谢你!我只是想问一件事:每次我买了2x升级,然后刷新页面,2x按钮都会在没有钱的情况下启用。你知道如何解决这个问题吗?嗯,你使用的是某种本地存储吗?这也发生在代码片段中吗?嗯,这只发生在我的网站上。一切