Javascript 仅在单击一定数量的页面链接后启用按钮链接

我正在创建一个网页，在这个网页上，一个人可以注册以赢得门奖，但只有在他们查看了一些页面信息之后。我希望门奖品按钮，只有在该人点击页面上至少15个链接（链接是fancybox modal iframe链接）后才能启用

---

有什么想法吗？

这只需在链接元素上使用计数器和事件侦听器即可完成：

let linksClicked = 0;

const links = document.querySelectorAll('a.inc-counter');

links.forEach((link) => {
  link.addEventListener('click', incrementLinksClicked);
})

---

完整示例如下。

这在下面起作用，您可以将事件侦听器附加到任何

标记上，但您可能希望将其限制在特定的促销链接上。这会增加变量
clickCount
，一旦达到正确的限制，就会启用该按钮

我添加了一个标签，可以为用户倒计时，并在门打开时停止

我还添加了一个重置按钮，它附带了一个事件触发器，将点击次数重置为0，并再次禁用奖品门按钮

代码已完全注释

如果你还希望得到别的东西，请告诉我



//创建变量以存储单击计数
var-clickCount=0；
无功功率要求=15；
//在开门前用所需的咔嗒声更新标签
$（“.click count”）.text（门要求-click count）；
//为类“.count me”的链接添加事件侦听器
$（“a.count-me”）。单击（函数（）{
//加一
clickCount=clickCount+1；
//检查剩余计数是否为0或更高
如果（门要求-点击计数>=0）{
//更新点击计数标签
$（“.click count”）.text（门要求-click count）；
}
//检查是否达到极限
如果（点击次数==门要求）{
//启用“继续”按钮（如果有）
$（“#prizeDoor”）.removeAttr（'disabled'）；
}
});
//复位按钮
$（“#重置”）。单击（函数（）{
//将单击计数重置为0
点击计数=0；
//为用户更新标签
$（“.click count”）.text（门要求-click count）；
//禁用奖品门按钮
$（“#prizeDoor”）.attr（“禁用”、“禁用”）；
});
a{
颜色：蓝色；
文字装饰：下划线；
}
按钮[禁用]{
背景：红色；
}

计数链接
计数链接
计数链接
不要计算此链接
在奖品门打开之前发出咔哒声！
门奖
重置
也许您可以在每个链接上添加一个事件侦听器，然后增加一个计算点击次数的变量？您可以在此处使用localstorage存储点击次数谢谢！