javascript/jquery中的遊戲：在回答錯誤時更改圖像的位置

我在html和javascript中製作數學遊戲，我想在遊戲中給出錯誤答案時更改圖像的位置。所以，當輸入錯誤的答案時，例如9 * 6，圖像被認爲正在向陷阱移動，並最終在到達陷阱時陷入陷阱。我不知道如何做到這一點，但我一直在使用if語句來回答正確的問題，所以我需要輸入「else」。javascript/jquery中的遊戲：在回答錯誤時更改圖像的位置

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

來源

2013-11-27 user3043010

發佈您嘗試過的代碼。你只需要使用JS在你的'else'語句中更新圖像的位置，但是沒有人會爲你做你的功課。 – Ennui

特別是如果我們必須從頭開始，因爲你沒有發佈任何代碼 –

@dude - js是一個非常棒的語言。如果你的意思是js讓用戶可以通過控制檯來操縱它，那麼也可以考慮使用文本編輯器來操作諸如diable franchise之類的巨大遊戲。如果人們想破壞他們的經歷，他們可以。但是js是一款非常有用的遊戲語言。看看cocos2d-html5 –

這些值

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

需要引用

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

更新

如果你需要使用的樣式，（typeof運算字符串），作爲一個數字，你需要跟蹤全球（移動左側）的數字位置，e最順利的方式。或者使用一個函數從字符串中提取數字（通常是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); 
}

來源

2013-11-27 18:46:41 Wayne

謝謝！這使圖像移動了一次，但我希望它每次都會在答案錯誤的時候移動，以達到某種目的。但這不起作用： pp.style.left =「+ 350px」; pp.style.top =「+ 450px」; – user3043010

你還應該考慮一致性。你正在使用jQuery，那麼爲什麼不使用它呢？ 'var pp = $（'＃character'）; pp.css（'left'，'350px'）;'etc - better yet，'pp.animate（{left：'350px'}，500）;' –

非常感謝！那有效 – user3043010

javascript/jquery中的遊戲：在回答錯誤時更改圖像的位置

回答

相關問題