Question

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

<img src="character.png" id="character" style="position:absolute; top:430px; left:330px">

<script>
var pp = document.getElementById("character");

function answers (event) {    
if...

else {   
pp.style.left = 350px; pp.style.top = 450px;  
}    
}  

</script>

Answer 1

这些值

pp.style.left = 350px; 
pp.style.top = 450px;

需要引用

pp.style.left = "350px"; 
pp.style.top = "450px";

<强>更新

如果您需要使用样式（typeOf字符串）作为数字，您需要使用全局（moveleft）跟踪数字位置，这是最简单的方法。或者使用函数从字符串中提取数字（通常是reg表达式http://www.w3schools.com/jsref/jsref_obj_regexp.asp），这是更难的方法。

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

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

1 个答案: