подскажите новичку, есть такая задача - задаются 2 загадки, пользователь вводит ответы, программа проверяет их и в зависимости от результата выводит разные сообщения. Код ниже.
<!DOCTIPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<script>
function checkAnswer(id, trueAnswer)
{
var userAnswer = document.getElementByld(id).value;
if (userAnswer == trueAnswer)
return true;
else
return false;
}
function checkAnswers()
{
var goodAnswers = 0;
if (checkAnswer('puzzle1', 'капуста'))
goodAnswers++;
if (checkAnswer('puzzle2', 'елка'))
goodAnswers++;
if (goodAnswers == 0)
alert('Вы ничего не угадали');
else
alert('Количество правильных ответов: ' + goodAnswers);
}
</script>
<body>
<h3>Отгадай загадки!</h3>
<p>Сто одежек и все без застежек<p/>
<input type="text" id=puzzle1 />
<br><br><br>
<p>Зимой и летом одним цветом<p/>
<input type="text" id=puzzle2 />
<br><br><br>
<input type="button" value="Ответить" onClick="checkAnswers()" />
</body>
</html>
Пример учебный, код записан из образца, причем вроде как правильно, но не срабатывает. Я уже тут все, что мог перепробовал, но не могу понять, где засада.
Что здесь не так?