Je crée un projet de classe que j'ai besoin d'utiliser jQuery. Je me suis installé sur un projet dans lequel vous cliquez sur le bouton, le compteur augmenterait par une et une minuterie commencerait. Cela agirait comme un jeu pour voir à quelle vitesse vous pouvez cliquer dans 10 secondes.
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="clicks"> <p><span>0</span></p> </div> <div class="boxtext"> <p>Time Remaining: <span>10</span> Seconds </p> </div> <div class="but"> <button type="button" name="button">Click</button> </div>
5 Réponses :
Vous utilisez comme sélecteur d'un identifiant, mais votre élément de bouton n'a pas cette pièce d'identité. Vous pouvez faire ce qui suit:
Je pense que ce n'est pas le seul problème. Parce que le code ne fonctionne toujours pas.
@MaHeeerali à partir de l'OP: Je m'attendais à ce que la minuterie commence et que le comptoir augmente par un mais rien ne se passe du tout . Maintenant, l'OP devrait commencer à travailler sur sa approcher.
de votre code HTML, vous n'aviez pas Comme ci-dessous. P> id = "bouton" code> alors utilisez le sélecteur de nom ou attribuer un identifiant sur le bouton. $("input[name='button']").mousedown(function() {
score = score + 1;
startTimer();
});
Vous avez oublié d'initialiser certaines variables et donnez des identifiants.
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="clicks">
<p><span id="counter">0</span></p>
</div>
<div class="boxtext">
<p>Time Remaining: <span>10</span> Seconds </p>
</div>
</div>
<div class="but">
<button type="button" id="button">Click</button>
</div>
Vous avez oublié d'initialiser certaines variables et de donner des identifiants. << Eh bien, lesquels? Une bonne réponse devrait expliquer sa solution. Et s'il vous plaît, ne postez pas de liens vers des viols. Vous pouvez simplement faire un extrait de code ici dans votre réponse.
Il n'y a pas besoin de violon.
Vous devez:
Ajouter un ID à votre bouton: P>
var score = 0;
var stop = 0;
<!DOCTYPE html>
<html>
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
var score=0;
var stop=0;
var counter = 0;
var endscore=0;
$("button").mousedown(function () {
score = score + 1;
$("#score").text(score);
startTimer();
});
function startTimer() {
if (stop === 0) {
stop = stop + 1;
var interval = setInterval(function () {
counter++;
display = 60 - counter;
// $("button").html("Click! (" + display + " secs)");
if (counter == 60) {
alert("Times up!");
clearInterval(interval);
stop = 0;
endscore = score;
score = 0;
}
$('#timeRemaining').text(display);
}, 1000);
}
};
});
</script>
</head>
<body>
<div class="clicks">
<p><span id="score">0</span></p>
</div>
<div class="boxtext">
<p>Time Remaining: <span id="timeRemaining">60</span> Seconds </p>
</div>
<div class="but">
<button type="button" name="button">Click</button>
</div>
</body>
</html>
Il n'y a pas d'élément avec id = "bouton", qui est ce que
$ (bouton "#) recherche.Et, au lieu de
MOUSEDOWN , utilisezon () < / a> (JQuery a déprécis les raccourcis de l'événement il y a quelques années) et leCliquez sur Event. J'espère sincèrement que votre professeur ne vous a pas appris à utiliser cela.S'il s'agit de votre tout code, le code
n'est pas défini. Déclarez-le dans la portée mondiale autrement une erreur.