Intentando cambiar de un formulario de inicio de sesión a un formulario de registro. Sigue recibiendo un error de Javascript:
Error de tipo no detectado: no se pueden leer las propiedades de undefined (leyendo 'estilo')
No estoy seguro de qué más mirar de acuerdo con este error. Probé JS como un archivo .js, el mismo problema.
Código:
<div class="col-2"> <div class="form-container"> <div class="form-btn"> <span onclick="login()"> Login </span> <span onclick="register()">Register</span> <hr id="Indicator"> </div> <form id="LoginForm"> <input type="text" placeholder="Username"> <input type="password" placeholder="Password"> <button type="submit" class="btn">Login</button> <a href="">Forgot Password</a> </form> <form id="RegForm"> <input type="text" placeholder="Username"> <input type="email" placeholder="Email"> <input type="password" placeholder="Password"> <button type="submit" `enter code class="btn">Register</button> </form> <script> var LoginForm = document.getElementbyID("LoginForm"); var RegForm = document.getElementbyID("RegForm"); var Indicator = document.getElementById("Indicator"); function register() { LoginForm.style.transform = "translateX(0px)"; RegForm.style.transform = "translateX(0px)"; Indicator.style.transform = "translateX(100px)"; } function login() { LoginForm.style.transform = "translateX(300px)"; RegForm.style.transform = "translateX(300px)"; Indicator.style.transform = "translateX(0px)"; } </script>var LoginForm = document.getElementbyID("LoginForm"); var RegForm = document.getElementbyID("RegForm"); var Indicator = document.getElementById("Indicator");hay errores tipográficos en su selector. debería ser
document.getElementById(id);