使用jQuery/JavaScript时,单击计数器为100时启用按钮

使用jQuery/JavaScript时,单击计数器为100时启用按钮,javascript,html,jquery,double,Javascript,Html,Jquery,Double,我最近一直在做一个小游戏。你有两个可以赚钱的按钮,其中一个有计时器,当计时器结束时,你可以点击它,你的帐户中有+500美元 用另一个按钮,你可以通过点击它来赚钱。每单击一次,您的帐户中就有+1$ 现在我想做一个能让钱翻倍的按钮。为此,我制作了第三个按钮,上面写着“启用我” 我想制作一个函数,当您的帐户超过$100时启用该按钮。你知道我怎么做吗 这是我的密码: $(“.addOneButton”)。单击(函数(){ 设置计数器(getCounter()+1); }); 函数myFunction(

我最近一直在做一个小游戏。你有两个可以赚钱的按钮,其中一个有计时器,当计时器结束时,你可以点击它,你的帐户中有+500美元

用另一个按钮,你可以通过点击它来赚钱。每单击一次,您的帐户中就有+1$

现在我想做一个能让钱翻倍的按钮。为此,我制作了第三个按钮,上面写着“启用我”

我想制作一个函数,当您的帐户超过$100时启用该按钮。你知道我怎么做吗

这是我的密码:

$(“.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
$

收集 加一个!
让我来