Начал делать простенькую программу авторизации на клиенте. Но возникли проблемы с insertBefore.
Пишет что параметр 2 не относиться к данному родителю. Помогите, пожалуйста.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>События клавиатуры</title>
<style type="text/css">
#login, #password{
margin-bottom: 20px;
}
form{
position: absolute;
left:45%;
top:30%;
}
</style>
<script>
window.onload = function(){
document.getElementById("btn").onclick = function(){
var login = document.getElementById("login").value;
var passwordValue = document.getElementById("password").value;
var password = document.getElementById("password");
if(login === ""){
var div = document.getElementById("parentDiv");
var loginMessage = document.createElement("p");
loginMessage.innerHTML = "You don't input a login";
div.insertBefore(loginMessage, password);
}
}
}
</script>
</head>
<body>
<div id="parentDiv">
<form method = "post" action="">
<input type="text" placeholder="Input your login" id="login"><br>
<input type="text" placeholder="Input your password" id="password"><br>
<label for="remember">Remember Me</label>
<input type="checkbox" id="remember"><br>
<input type="button" id="btn" value="Get In">
</form>
</div>
</body>
</html>
