Ich bin neu in Javascript und ich kann die Antwort für meine Frage nicht finden. Ist es möglich, dass mein Javascript ein div danach ansieht, wenn Sie auf einen Knopf 5 mal klickten? Wenn dies der Fall ist, wie kann ich dies ermöglichen?Javascript div nach ein paar Klicks
Danke!
Ohne jQuery:
document.addEventListener("DOMContentLoaded", function(event) {
var button = document.getElementById('click_me');
var elem = document.getElementById('message');
var count = 0;
button.addEventListener('click', function(e) {
e.preventDefault();
count++;
if(count == 5){
elem.style.display = 'block';
}
}, false);
});#message {
background: #0f0;
display: none;
padding: 10px;
}<button type="button" id="click_me">Click Me</button>
<div id="message">Hello World</div>Mit jQuery:
$(function() {
var count = 0;
$('#click_me').click(function(e) {
e.preventDefault();
count++;
if(count == 5) {
$('#message').show();
}
});
});#message {
background: #0f0;
display: none;
padding: 10px;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button type="button" id="click_me">Click Me</button>
<div id="message">Hello World</div>var clicks = 0;
function myFunction() {
clicks = clicks+1;
if(clicks == 5){
document.getElementById('target').style.display = 'block';
}
}<button onclick="myFunction()">Click me</button>
<div style="display:none;" id="target">You clicked 5 times</div>Ist es möglich, zwei onclick auf einen Knopf zu setzen? Ich habe auch eine andere Funktion auf dem gleichen Knopf. – annaneedshelp
Ja, trennen Sie sie einfach mit einem ';', onclick = "function1(); function2();" – Kld
Es funktioniert, danke! – annaneedshelp
Mögen Sie diese benötigen?
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
\t n=1;
$(".clickable").click(function(){
if(n==5){
\t \t \t alert("You clicked 5 times");
\t \t }else{
\t \t n++;
\t \t }
});
});
</script>
</head>
<body>
<button class="clickable">Click here 5 times</button>
</body>
</html>
auf das, was Nach einem Klick? Ja, es ist möglich: Erstellen Sie einen Click-Event-Handler für alles, auf das der Benutzer klicken soll, und lassen Sie die Klicks zählen. – nnnnnn
@nnnnnn Klicken auf eine Schaltfläche. Brauche ich Jquery dafür? – annaneedshelp