Fatal编程技术网

Javascript JS/JQ打鼹鼠游戏

javascript jquery html css

Javascript JS/JQ打鼹鼠游戏,javascript,jquery,html,css,2d-games,Javascript,Jquery,Html,Css,2d Games,大家好，我想做一个JS/JQ游戏：打鼹鼠 我制作了一个“世界”，其中有6个div可以改变颜色（以显示鼹鼠的位置），我还有三个按钮可以选择简单、正常或硬 我被两件事困住了： 1:button.click对任何东西都没有反应（即使是最简单的css更改也不会对p做出反应） 2：div不改变颜色（这可能是问题1的后续问题） 这是我的密码： ID为“car”且文本为“blacar”的p将显示“simple”单击命令以更改颜色 有人能看出我的代码有什么问题吗（可能很多，但只是按钮部分）？ 谢谢你阅读我的帖子

大家好，我想做一个JS/JQ游戏：打鼹鼠

我制作了一个“世界”，其中有6个div可以改变颜色（以显示鼹鼠的位置），我还有三个按钮可以选择简单、正常或硬

我被两件事困住了： 1:button.click对任何东西都没有反应（即使是最简单的css更改也不会对p做出反应） 2：div不改变颜色（这可能是问题1的后续问题）

这是我的密码：

ID为“car”且文本为“blacar”的p将显示“simple”单击命令以更改颜色

有人能看出我的代码有什么问题吗（可能很多，但只是按钮部分）？ 谢谢你阅读我的帖子

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>

在此处输入代码
“严格使用”；
var currentScore=0；
var niveau=0；
无功电流寿命=3；
var不活动=错误；
var moleworld=“#moleworld”；
var field=“.field”；
var beginEasyClick=document.getElementById（“beginEasyClick”）；
var beginNormalClick=document.getElementById（“beginNormalClick”）；
var beginHardClick=document.getElementById（“beginHardClick”）；
var displayScore=document.getElementById（“_displayScore”）；
变量$field=$（moleworld.find（field）；
var getrandomInt（函数（最小值、最大值）
{返回Math.floor（Math.random（）*（max-min-1））+min}
函数randomField（）{
$（$field[getrandomInt（0,8）]；
函数showmole（）
{
$（beginEasyClick）。单击（函数{
$（“#车”）.css（“颜色”、“蓝色”）；
})};

blablacar

容易的
正常的
硬的

除了一些括号错误（即使无参数函数也需要有空的（）括号），按钮的
click（）
事件处理程序定义在
showmole（）
函数中，该函数未在任何地方调用。您必须将此部分移到
$（）.ready（）中
脚本的一部分，以便在加载文档后立即添加处理程序

$().ready(function() {
  $(beginEasyClick).click(function () {
    $("#car").css("color", "blue");
  });
});
正如评论中所提到的，您还应该在将来发布您的代码，以便其他人能够更轻松地帮助您。以下是带有“easy”按钮的代码。

请同时添加您的代码。您可以使用JS游乐场来说明您的尝试以及添加代码的过程。非常感谢