Всем привет. Года 4 не работал на jQ сейчас вот решил вспомнить маленько. Возникла проблемка, на мой взгляд простая, но что то туплю жОстко!
Есть маленькая программа-викторина:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Урок №3. Домашнее задание</title>
<style>
body{
background-color:#C4C4C4;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>$(document).ready(function(){
//Объявляем переменные (входные данные)
var msgResult="";
var riddle = [ //Задаем массив с загадками и заголовками
["Загадка 1:", "Угадайте число в пределах от 0 до 100:", 67], //67 загаданное число
["Загадка 2:", "Без рук, без топоренка, построена избенка?:", "гнездо"], //Вторая загадка
["Загадка 3:", "Не кузнец, а с клещами:","рак"], //Третья загадка
["Загадка 4:", "Что останется в коробке, если вынуть спички?: ","дно"] //Четвертая загадка
];
for (var i=0; i<riddle.length; i++){
if(i==0){//условия для первой загадки
var trueResult = riddle[i][2];
$("#header").append(riddle[i][0]);
$("#riddle").append(riddle[i][1]);
$("#checkButton").click(function(){ //событие
var answer = parseInt($("#answer").val());
if(answer<0 ||answer>100){
msgResult = "Введенное число находится вне диапазона!";
}
else if(isNaN(answer)){
msgResult = "Вы ввели не число";
}else if(answer<trueResult){
msgResult = "Загаданное число БОЛЬШЕ";
}else if(answer>trueResult){
msgResult = "Загаданное число МЕНЬШЕ";
}
$("#result").append(msgResult);
})//Конец click
}//Конец if
}//Конец цикла for
});//Конец ready
</script>
</head>
<body>
<div style="margin-left:40px; margin-top:40px; width:600px; height:500px; background-color: white; padding:25px;">
<h2>Итак, отгадайте одно число и три загадки:</h2>
<h3 id="header"></h3>
<p id="riddle"></p>
<form>
<input type="text" name="answer" id="answer"></br>
<input type="submit" name="check" id="checkButton" value="Проверить">
</form>
<p id="result"></p>
</div>
</body>
</html>
Проблема в том, что результат (msgResult) появляется на долю секунды и тут же исчезает. Как его зафиксировать до следующей попытки?
