JS/JQ jeu Whack-A-Mole

Bonjour les gars Im essayant de faire un jeu JS/JQ: Whack A Mole.JS/JQ jeu Whack-A-Mole

J'ai fait un 'monde' où il y a 6 divs qui peuvent changer de couleur (pour montrer où est la taupe), j'ai aussi trois boutons pour choisir facile, normal ou difficile.

Je suis coincé sur deux choses: 1: le button.click ne réagit à rien (pas même le changement simpelest css sur ap) 2: les divs ne changent pas de couleur (cela pourrait être un suivi -up pour le problème 1)

Voici mon code:

p avec ID « voiture » et le texte « coordonnées et prendre » est de montrer la commande cliquez sur « simple » pour changer de couleur.

Quelqu'un peut-il voir ce qui est faux (probablement beaucoup, mais juste pour la partie bouton) avec mon code? Merci d'avoir lu mon post

enter code here 



<body> 

    <script type="text/javascript" src="../jquery-3.1.1.js"> 
    "use strict"; 

     var currentScore = 0; 
     var niveau = 0; 
     var currentLives = 3; 
     var inAction = false; 

     var moleworld = "#moleWorld"; 
     var field = ".field"; 

     var beginEasyClick = document.getElementById("beginEasyClick"); 
     var beginnNormalClick = document.getElementById("beginNormalClick"); 
     var beginHardClick = document.getElementById("beginHardClick"); 

     var displayScore = document.getElementById("_displayScore"); 
     var $field = $(moleworld).find(field); 


     var getrandomInt(function(min , max) 
         {return Math.floor(Math.random() * (max - min - 1)) + min} 

     function randomField() { 
$($field[getrandomInt(0 , 8)]); 





      function showmole() 
      { 
       $(beginEasyClick).click(function{ 

       $("#car").css("color" , "blue"); 
      })}; 

    </script> 
<p id="car">blablacar</p> 
<div id="StartMenu"></div> 
<button id="beginEasyClick"> Easy </button> 
    <button id="beginNormalClick"> Normal </button> 
    <button id="beginHardClick"> Hard </button> 
<div id="generalInformation"> 
<p id="_displayScore"> </p> </div> 

<div id="moleWorld"> 

    <div class="field"> </div> 
    <div class="field"> </div> 
    <div class="field"> </div> 
    <div class="field"> </div> 
    <div class="field"> </div> 
    <div class="field"> </div> 
    <div class="field"> </div> 
    <div class="field"> </div> 
    </div> 

</body>

Source

2017-04-03 THEoneANDonly

veuillez ajouter votre code. –

Vous pourriez utiliser un terrain de jeu JS afin d'illustrer ce que vous avez essayé ainsi que d'ajouter votre code. – annoyingmouse

En plus des erreurs de bracketing (même fonctions sans paramètre doivent avoir des crochets vides()), le gestionnaire d'événements click() pour le bouton est défini dans la fonction showmole() qui est pas appelé n'importe où. Vous devez déplacer cette partie dans la partie $().ready() de votre script pour que le gestionnaire soit ajouté dès que le document a été chargé.

$().ready(function() { 
    $(beginEasyClick).click(function() { 
    $("#car").css("color", "blue"); 
    }); 
});

Comme mentionné dans les commentaires, vous devriez aussi dans l'avenir envoyer votre code sur jsfiddle afin que les autres puissent plus facilement vous aider. Voici the fiddle pour votre code avec un bouton "facile" de travail.

Source

2017-04-03 12:50:55 SaschaM78

MERCI BEAUCOUP – THEoneANDonly

JS/JQ jeu Whack-A-Mole

Répondre

Questions connexes