Buenas, estoy empezando a aprender javascript despues de haber aprendido html y css.
La cosa es que estoy creando un sistema de login (se que es mas fiable php) con javascript, pero no me funciona y me gustaria que ustedes me ayudasen.
Aqui va el codigo, muchas gracias de antemano
var Login = document.getElementById ('Login');
Login.addEventListener ('click', function(){
var Ce = document.getElementById ('Ce');
var Ce1 = Ce.value;
var Pass = document.getElementByid ('Pass');
var Pass1 = Pass.value;
if Ce1 == 123 && Pass1 == 123
{
location.href=Login.html
}
else
{
alert ('Contraseña o correo electronico incorrecto')
}
})
Por que usas el EventListener si puedes usar una función y onclick. Por lo demas, creo qur las condiciones del ir van entre paréntesis...
var Ce = document.getElementById ('Ce').value;
var Pass = document.getElementByid ('Pass').value;
if (Ce == "123" && Pass == "123"){
location.href=Login.html;
}else{
alert ("Contraseña o correo electronico incorrecto");
}
Esta seria para mi la solución mas acertada
Saludos
Destructor
Muchas gracias a los dos, pero me sigue sin funcionar :( creo que el error esta en el addEventListener, si me explicasen como funciona la funcion onclcik estaria muy agradecido. El codigo var Login = document.getElementById ('Login');
Login.onclick=function(){
var Ce = document.getElementById ('Ce').value;
var Pass = document.getElementByid ('Pass').value;
if (Ce == "123" && Pass == "123"){
location.href=Login.html;
}else{
alert ("Contraseña o correo electronico incorrecto");
};
y el codigo html
<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<link rel="stylesheet" type="text/css" href="estilo.css">
<noscript>Activa el javasctip¡¡¡¡</noscript>
</head>
<body>
<div class="esquina">
<a href="buscar.html">
<button type="submit">Buscar</button>
</a>
</div>
<div class="esquina">
<a href="pagina web.html">
<button type="submit">Login</button>
</a>
</div>
<div>
<img src="login.jpg" height=90px width=200px></img>
</div>
<div>
<form>
<input type="text" placeholder="Correo electronico" id="Ce"> </input>
<input type="password" placeholder="Contraseña" id="Pass"> </input>
<button type="submit" id="Login">Login</button>
</form>
</div>
<div>
<strong>Escriba su mensaje para enviarlo al administrador</strong>
<form>
<textarea style="margin: 2px; width: 371px; height: 129px;"></textarea>
<button type="submit">Enviar</button>
</form>
</div>
<div>
<strong>Mensajes del administrador</strong>
<p>Esto es un mensaje del administrador<p>
</div>
<script src="javascript.js"></script>
</body>
</html>
Primero, defines una función; por ejemplo:
function Login()
{
var Ce = document.getElementById ('Ce').value;
var Pass = document.getElementByid ('Pass').value;
if (Ce == "123" && Pass == "123")
{
location.href=Login.html;
}
else
{
alert ("Contraseña o correo electronico incorrecto");
}
}
y luego, usas un <button> como este:
<button type="button" onclick="Login();">Enviar</button>
Lo que hace onclick, es. Cuando se clickea en el botón, se ejecuta el javascript. En este caso, la función previamente definida, Login()
Muchas gracias, pero sigue sin funcionar¡¡¡
La función la guardas en un. js, o directamente te en la header?
El error no está en el AddEventListener. El problema es que tienes MUCHOS errores en la sintaxis.
var Login = document.getElementById('Login');
Login.addEventListener('click', function(){
var Ce = document.getElementById('Ce');
var Ce1 = Ce.value;
var Pass = document.getElementById('Pass');
var Pass1 = Pass.value;
if (Ce1 == "123" && Pass1 == "123") {
location.href = "Login.html";
} else {
alert ('Contraseña o correo electronico incorrecto');
}
});
Como consejo, te recomiendo que comiences identar tus códigos (en especial el de las funciones anónimas) así te das cuenta mucho más fácil de los errores que tienes.
PD: Si estás comenzando con JS, te recomiendo que le des un vistazo a esta web: JavascriptYa (http://www.javascriptya.com.ar/)
Saludos!
Ahora si me da el error cuando escribo mal la contraseña, pero no me carga la pagina cuando pongo bien la contraseña, el codigo esta en un archivo .js
en el redirect estas mandandolo al archivo correcto? es decir si se llama pepito.html lo andas mandando alli? o hay otro file?
Regards,
Snifer
si, el archivo javascript tengo location.href="admin.html";
y en la misma carpeta tengo un archivo llamado admin.html