При нажатии на кнопку "Проверить!" ничего не происходит
<!DOCTYPE html>
<html>
<head>
<title>Использование метода getElementsByClassName()</title>
<style type="text/css">
body {
background-color: #DCDCDC;
}
</style>
<script type="text/javascript">
function checkMath(result) {
var userMath = document.getElementByID("answer1").value;
var errors = document.getElementsByClassName("error");
if (parseInt(userMath) != parseInt(result)) {
errors[0].innerHTML = "Неверно! Вы ввели" + userMath + "Правельный ответ" + result;
}else{
errors[0].innerHTML = "Ваш ответ правильный!";
}
}
</script>
</head>
<body>
<label for="number1"> 4 + 1 = </label><input type="text" id="answer1" value="">
<button id="submit" onclick="checkMath(4+1);">Проверить!</button>
<h1 class="error"></h1>
</body>
</html>