Всем привет.
Есть проблема в следующем коде: скрипт не работает.
Цель - при нажатии на "click here" спрятать login div и перекинуть юзера на login helper.
Буду рад любой критики и лучшим примерам!
function loginHelper(){
document.getElementById("pass_forgot").onclick = function (){
document.getElementById("login").style.display = "none";
document.getElementById("login_help").style.display = "block";
}
}
<div id = "login" class = "login_form">
<form id = "logger">
<label for id = "user_name">User name:</label>
<input id = "user_name" name = "user_name" type = "text" placeholder = "user name">
<br>
<label for id = "password">Password:</label>
<input id = "password" name = "password" type = "text" placeholder = "password">
<br>
<label for id = "email">Email:</label>
<input id = "email" name = "email" type = "email" placeholder = "email">
<br>
<label for = "remember_me">Remember you on this computer ? </label>
<input type = "checkbox" name = "remember_me" id = "remember_me">
<br>
<input type = "submit" value = "Login">
</form>
<p id = "pass_forgot">Forgot your password? <a href="#login_help"> <button onclick = "loginHelper()">Click here!</button></a></p>
<div id = "login_help" class = "login_help">
<form id = "helper">
<label for id = "email">Your current email:</label>
<input id = "email" name = "email" type = "email" placeholder = "email">
<br>
<input type = "submit" value = "Send">
</form>
</div>