javascript/jquery中的游戏:回答错误时更改图像位置
我正在用html和javascript制作一个数学游戏,我想在游戏中给出错误答案时改变图像的位置。因此,当输入错误的答案时,例如,9*6,假设图像正在向陷阱移动,并最终在到达陷阱时落入陷阱。我不知道该怎么做,但我一直在使用if语句来判断答案是否正确,所以我需要一些东西来输入“else”javascript/jquery中的游戏:回答错误时更改图像位置,javascript,jquery,html,Javascript,Jquery,Html,我正在用html和javascript制作一个数学游戏,我想在游戏中给出错误答案时改变图像的位置。因此,当输入错误的答案时,例如,9*6,假设图像正在向陷阱移动,并最终在到达陷阱时落入陷阱。我不知道该怎么做,但我一直在使用if语句来判断答案是否正确,所以我需要一些东西来输入“else” var pp=document.getElementById(“字符”); 函数应答(事件){ 如果。。。 否则{ pp.style.left=350px;pp.style.top=450px; } }
var pp=document.getElementById(“字符”);
函数应答(事件){
如果。。。
否则{
pp.style.left=350px;pp.style.top=450px;
}
}
这些值
pp.style.left = 350px;
pp.style.top = 450px;
需要报价吗
pp.style.left = "350px";
pp.style.top = "450px";
更新
如果需要使用样式(typeOf string)作为数字,则需要使用全局(moveleft)跟踪数字位置,这是最简单的方法。或者使用函数从字符串中提取数字(通常为reg表达式),这是比较困难的方法
var pp = document.getElementById("character");
var moveleft = 0; /* typeOf number note I'm adding to this value before applying it. */
function answers (event) {
guess = document.getElementById("answer").value;
if( guess == rightanswer ){
$ ("#info").text(right);
$("#img").show();
} else {
$ ("#info").text(wrong);
$("#img").hide();
moveleft += 350;
pp.style.left = moveleft + "px";
pp.style.top = "450px";
}
new(event);
}
发布您尝试过的代码。你只需要使用JS更新图像在
else
语句中的位置,但是没有人会为你做作业。特别是如果我们必须从头开始做,因为你没有发布任何code@dude-js是一种非常棒的语言。如果你的意思是JS使用户能够用控制台来操纵它,那么也可以考虑大型游戏,比如用文本编辑器操纵DIABLE特权。如果人们想毁掉他们的经历,他们可以。但是js是一种非常适合游戏的语言。看看jquery的cocos2d-html5动画可能会给你一些开始的东西with@KaiQing控制台只是一个比js游戏更糟糕的想法。有问题1)JS速度慢2)它不是为此而设计的,所以你必须3)做各种奇怪的事情,比如定义一些div creator和styler函数来创建一个对象。谢谢!这使得图像移动了一次,但我希望它每次都朝着某个方向移动,因为答案是错误的。但这不起作用:pp.style.left=“+350px”;pp.style.top=“+450px”;你也应该考虑一致性。您正在使用jquery,为什么不使用它呢<代码>变量pp=$(“#字符”);pp.css('left','350px')代码>等-更好的是,pp.animate({左:'350px'},500)代码>@KaiQing:我会调查的。谢谢你的意见
var pp = document.getElementById("character");
var moveleft = 0; /* typeOf number note I'm adding to this value before applying it. */
function answers (event) {
guess = document.getElementById("answer").value;
if( guess == rightanswer ){
$ ("#info").text(right);
$("#img").show();
} else {
$ ("#info").text(wrong);
$("#img").hide();
moveleft += 350;
pp.style.left = moveleft + "px";
pp.style.top = "450px";
}
new(event);
}