大家好我试图制作JS / JQ游戏:重击鼹鼠。
我创造了一个'世界',有6个div可以改变颜色(显示痣的位置),我也有三个按钮可以选择简单,正常或硬。
我坚持两件事: 1:button.click对任何事情都没有反应(甚至p上没有最简单的css变化) 2:div不会改变颜色(这可能是问题1的后续行动)
这是我的代码:
ID为“car”的p和文本“blablacar”用于显示“简单”单击命令以更改颜色。
任何人都可以通过我的代码看到错误(可能很多,但只是按钮部分)? 感谢您阅读我的帖子
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>
答案 0 :(得分:0)
除了一些包围错误(甚至无参数函数需要有空()括号),按钮的click()
事件处理程序在showmole()
函数内定义,而不在任何地方调用。您必须将此部分移动到脚本的$().ready()
部分,以便在文档加载后立即添加处理程序。
$().ready(function() {
$(beginEasyClick).click(function () {
$("#car").css("color", "blue");
});
});
正如评论中所提到的,您将来也应该在jsfiddle上发布您的代码,以便其他人可以更轻松地为您提供帮助。这是the fiddle代码,带有一个工作“简单”按钮。