javascript/jquery中的游戏:回答错误时更改图像位置

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; } }

我正在用html和javascript制作一个数学游戏,我想在游戏中给出错误答案时改变图像的位置。因此,当输入错误的答案时,例如,9*6,假设图像正在向陷阱移动,并最终在到达陷阱时落入陷阱。我不知道该怎么做,但我一直在使用if语句来判断答案是否正确,所以我需要一些东西来输入“else”


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);  
}