[英]How do I make a button disappear after a certain amount of clicks
我有一个按钮，如果我单击它说5次，是否可以使其消失？ 需要知道我正在做的一个小项目！ 任何回应表示赞赏！
使用此代码
HTML：
<button type='button' id='button_test_clicks'>
Click me!
</button>
JavaScript：
(function(){
var counter=0; // counter clicks initialization
var button=document.getElementById('button_test_clicks'); //Our button
button.addEventListener("click",function(){ //add a click event to button
counter++; //incement the counter
console.log(a);
if(counter==5){
button.style.display = 'none'; //hide if the clicks reached to 5
}
});
})();
但是每当页面刷新发生时，计数器就会设置为零，以避免刷新问题，请使用javascript了解localStorage 。
为您的按钮分配id 。
<Button id='myButton' onclick="myFunction()">
每次单击按钮时，请不断增加计数器（我想您知道该怎么做）
到达计数器后， document.getElementById("Your_button_id_here").style.visibility = "hidden";
<script>
var counter=0;
function myFunction() {
//increment counter
counter+=1;
if(counter>4)
document.getElementById("Your_button_id_here").style.visibility = "hidden"
}
</script>
但是，我认为禁用会更合适： document.getElementById("Your_button_id_here").disabled=true
您可以有一个简单的脚本，如下所示：
var nbClicks=0;
function btnOnClick(btn){
if(++nbClicks>5){btn.style.display='none';}
}
并像这样使用它：<input type =“ button” onclick =“ btnOnClick（this）” value =“ Click me 6 times！”>
每次单击时，只需增加变量的值，并在获得所需的数字后，用css和js将其隐藏即可。
我用jQuery做了一个小例子
var count = 0; $("#b1").click(function() { count++; if (count >= 5) { $("#b1").hide(); } });
<html> <header> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> </header> <body> <button id="b1">5 Clicks</button> </body> </html>
你如何让标记在 leaflet map 上一段时间后消失
[英]How do you make markers disappear after a certain amount of time on leaflet map
在一定时间后如何使下拉菜单消失JavaScript
[英]How to make dropdown menu disappear after a certain amount of time JavaScript
制作<p>使用 JS 或 JQuery 一段时间后消失</p>
[英]Make <p> disappear after certain amount of time using JS or JQuery
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.