Я новичок в Javascript, и я не могу найти ответ на мой вопрос. Возможно ли, что мой javascript просмотрит div после того, как вы нажмете кнопку 5 раз? Если это так, как я могу сделать это возможным?Javascript show div после нескольких кликов
Спасибо!
Без 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>с 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>Можно ли поставить два onclick на одну кнопку? У меня также есть другая функция на той же кнопке. – annaneedshelp
Да, просто отделите их «;», onclick = «function1(); function2();» – Kld
Он работает, спасибо! – annaneedshelp
вам нужно, как это делать?
<!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>
После нажатия на что? Да, возможно: создайте обработчик события клика для того, что вы хотите, чтобы пользователь нажал кнопку, и подсчитайте клики. – nnnnnn
@nnnnnn Нажмите на кнопку. Мне нужен JQuery для этого? – annaneedshelp