Javascript 限制按钮的单击次数

对于我的大学项目，我试图将我的一个按钮被点击的次数限制为3次，我一直在到处寻找代码，昨天发现了一些，当我点击的次数达到最大值时，它确实会提醒我，但功能仍在继续，我不确定为什么，这是我一直在使用的代码

var总计=0
var-hitnumber=0
var username=提示（“输入用户名”，“玩家1”）
var compscore=18
var卡_1=0
var卡_2=0
var ClickCount=0
函数NumberGen（）{
hitnumber=Math.floor（（Math.random（）*2）+1）；
document.getElementById（“随机数”）.innerHTML=username+“具有
绘制“+HIT编号；
}
函数总数{
总计=总计+命中数+卡1+卡2；
document.getElementById（“Total”）.innerHTML=username+“具有总计
“+总数；
如果（总数>21）{
window.location=“../End\u Game/End\u Lose\u Bust.html”；
}
}
函数随机数（）{
卡片1=数学地板（（数学随机（）*2）+1）；
卡片2=数学地板（（数学随机（）*2）+1）；
document.getElementById（“Stcards”）.innerHTML=username+“已绘制”
+第一张牌是“卡牌1+”和“+卡牌2+”；
}
功能菜单按钮（按钮）{
开关（按钮）
{
案例“棍棒”：
如果（总数>21）{
window.location=“../End\u Game/End\u Lose\u Bust.html”；
}否则，如果（总计==21）{
window.location=“../End\u Game/End\u Win\u 21.html”；
}否则如果（总计>综合得分）{
window.location=“../End\u Game/End\u Win.html”；
}否则，如果（总计==综合得分）{
window.location=“../End\u Game/End\u Draw.html”；
}否则{
window.location=“../End\u Game/End\u lose.html”；
}
}
}
函数Hidebutton（）{
document.getElementById（“Hit”）.style.visibility='visible'；
document.getElementById（“Stick”）.style.visibility='visible'；
document.getElementById（“Deal”）.style.visibility='hidden'；
}
函数countClicks（）{
var clickLimit=3；
如果（单击计数>=单击限制）{
警报（“您已提取最大金额的CRAD”）；
返回false；
}
其他的
{
点击计数++；
返回true；
}
}

HTML
浮筒游戏
浮筒




欢迎来到浮筒，游戏的目标是让你的牌在庄家（计算机）之前达到21的组合值。在游戏中，你将有两个可点击的按钮，它们是点击和粘贴。


>点击-此按钮允许您收集另一张卡。


>棍子-这个按钮可以让你停留在你所拥有的牌的价值上，你应该只在游戏结束时使用这个按钮，当你觉得你无法接近21而不破产时。


破产意味着你已经超过21岁，当这种情况发生时，游戏将自动结束，因为你已经破产。

试试这个

var计数=0；
函数myfns（）{
计数++；
控制台日志（计数）；
如果（计数>3）{
document.getElementById（“btn”）.disabled=true；
警告（“您只能单击此按钮3次！！！”；
}
}

---

单击我

您正在调用的

countClicks

在

onclick

的末尾。将其更改为：

if (countClicks()) { NumberGen(); Total_Number();}

---

但是函数还在继续，我不知道这意味着什么？源代码中缺少函数。我无法在代码段中执行代码。请检查.JS是否按预期工作？我已将JS文件的其余部分添加到了中，用于询问您是否应该将JavaScript与HTML分开。使用内联JavaScript是一种不好的做法。因此，是的，这段代码可以工作，但它仍然使用NumberGen（）函数并将数字添加到总数中，是否有任何方法可以阻止这种情况。如果我没有说清楚，很抱歉。事实上，请忽略我的最后一条评论：代码运行完美，我只是没有正确地测试它，干杯，这帮了大忙。@DexterMurray感谢我编辑了您的代码的评论。现在试一试，它是否按照您的预期工作？