Игра в javascript / jquery: изменить положение изображения при неправильном ответе

0

Я делаю математическую игру в 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>
  • 0
    Опубликуйте, какой код вы пробовали. Вам просто нужно использовать JS, чтобы обновить положение изображения в вашем операторе else , но никто не собирается делать вашу домашнюю работу за вас.
  • 0
    особенно если мы должны сделать это с нуля, потому что вы не опубликовали код
Показать ещё 17 комментариев
Теги:

1 ответ

1

эти значения

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

нужны котировки

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

Обновить

если вам нужно использовать стиль, (строка типаOf), в качестве номера вам нужно отслеживать числовое местоположение с помощью глобального, (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);  
}  
  • 0
    Спасибо! Это заставило изображение двигаться один раз, но я хочу, чтобы оно двигалось каждый раз, когда ответ неправильный, к чему-то. Но это не работает: pp.style.left = "+ 350px"; pp.style.top = "+ 450px";
  • 0
    Вы должны также рассмотреть последовательность. Вы используете jquery, так почему бы не использовать его? var pp = $('#character'); pp.css('left', '350px'); и т.д. - еще лучше, pp.animate({left: '350px'}, 500);
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню