im essayant d'ajouter un nombre aléatoire 1-6 à une variable lorsque vous cliquez sur un Botton. Ensuite, chaque fois que vous cliquez sur, il ajoute 1-6 à une variable jusqu'à ce que vous arriviez à 21 ou plus. Je souhaite le total (variable clics nommés) pour sortir sur une balise "A" dans HTML, mais le code actuel ne génère pas la variable "Clics" à la balise "A" dans le code.
code: p >
<!DOCTYPE html>
<html>
<body>
<h2>Get To 21!</h2>
<div>
<p> Click The Dice To Role! The Counter Below Will Record Your Score!</p>
</div>
<div>
<p id="game"></p>
</div>
<script>
var clicks = 0;
function random()
{
if (clicks > 21) {
alert("You Got To 22! You Lose! Please Try Again!");
location.reload();
}
clicks += Math.floor(Math.random() * 6) + 1;
document.getElementById('clicks').value = rnd;
document.getElementById("clicks").innerHTML = clicks;
};
</script>
<input type="image" value="clicks" onclick="random()" src="http://pluspng.com/img-png/black-and-white-dice-png-black-white-dice-bunco-clip-art-dice-images-free-900.jpg" alt="Dice2" width="450" height="280">
Total Count: <a id="clicks">0</a>
</body>
</html>
3 Réponses :
variable RND in non défini.
p>
</div> <div> <p id="game"></p> </div> <input type="image" value="clicks" onclick="random()" src="http://pluspng.com/img-png/black-and-white-dice-png-black-white-dice-bunco-clip-art-dice-images-free-900.jpg" alt="Dice2" width="450" height="280"> Total Count: <a id="clicks">0</a> </body> </html>
Un dés comporte des nombres de 1 à 6, donc rand devrait +1! p>
Définissez vos éléments correctement. Et cache-les.
Créez un gamever code> logique (pour vérifier à la fois gagner ou perdre)
N'utilisez pas de JS en ligne.
Ne rechargez pas la page. Réinitialiser votre score code> à la place.
<button id="dice">ROLL DICE!</button>
<p id="game"></p>
Vous pouvez ajouter un ID à l'image, puis utiliser .on ("Cliquez sur") pour changer innerhtml.
var clicks = 0;
$('#dice').on('click', function () {
clicks++;
$('#clicks').html(clicks);
});
Définir "ne fonctionne pas". Qu'est ce que ça fait? Comment ça échoue? Lorsque vous utilisez les outils de débogage de votre navigateur, le cas échéant, il échoue spécifiquement?
Regardez les outils de débogage de votre navigateur. Spécifiquement à la console de développement. Observez le message d'erreur, il vous affiche. (Astuce: vous essayez d'utiliser une variable appelée
rnd que vous n'avez jamais défini.)Il me semble que la partie de valeur aléatoire du code fonctionne car il existe une alerte lorsque "Clics" dépasse 21. Ce qui ne fonctionne pas est la partie où "clics" est sortie sur une étiquette "A".