2017-04-03 64 views
0

你好家伙我试图制作一个JS/JQ游戏:重击鼹鼠。JS/JQ重击鼹鼠游戏

我做了一个'世界',其中有6个div可以改变颜色(以显示痣的位置),我也有三个按钮可以选择简单,正常或难度。

我卡在两件事情: 1:button.click不应对任何东西(甚至没有AP的simpelest CSS变化) 2:的div不变色(这可能是一个后续 - 最多的问题1)

这里是我的代码:

ID为“汽车”和文本“blablacar”的p是展现了“简单的”点击命令来改变颜色。

任何人都可以看到最新错误(可能很多,但只是按钮部分)与我的代码? 感谢您阅读我的文章

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> 

+1

请添加您的代码。 –

+0

你可以使用JS游乐场来说明你已经尝试了什么以及添加你的代码。 – annoyingmouse

回答

0

除了一些包围错误(甚至无参数的函数都需要有空括号()),该按钮的click()事件处理程序的showmole()函数里面定义没有叫任何地方。您必须将此部分移动到脚本的$().ready()部分中,以便在文档加载后立即添加处理程序。

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

正如在评论中提到,你也应该在未来发布您的代码上jsfiddle以便其他人可以更容易地帮助你。这里的the fiddle为您的代码与工作“简单”按钮。

+0

非常感谢 – THEoneANDonly