Я делаю математическую игру в 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>
эти значения
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);
}
var pp = $('#character'); pp.css('left', '350px');
и т.д. - еще лучше, pp.animate({left: '350px'}, 500);
else
, но никто не собирается делать вашу домашнюю работу за вас.