Update script.js
Browse files
script.js
CHANGED
|
@@ -53,3 +53,36 @@ if (signupForm) {
|
|
| 53 |
}, 1500);
|
| 54 |
});
|
| 55 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 53 |
}, 1500);
|
| 54 |
});
|
| 55 |
}
|
| 56 |
+
// Login Page Logic
|
| 57 |
+
const loginForm = document.getElementById("loginForm");
|
| 58 |
+
if (loginForm) {
|
| 59 |
+
const loginMessage = document.getElementById("loginMessage");
|
| 60 |
+
|
| 61 |
+
loginForm.addEventListener("submit", (e) => {
|
| 62 |
+
e.preventDefault();
|
| 63 |
+
|
| 64 |
+
const username = document.getElementById("loginUsername").value.trim();
|
| 65 |
+
const password = document.getElementById("loginPassword").value;
|
| 66 |
+
|
| 67 |
+
if (!username || !password) {
|
| 68 |
+
loginMessage.style.color = "red";
|
| 69 |
+
loginMessage.textContent = "❌ Please enter both username and password.";
|
| 70 |
+
return;
|
| 71 |
+
}
|
| 72 |
+
|
| 73 |
+
const users = getUsers();
|
| 74 |
+
|
| 75 |
+
if (users[username] && users[username] === password) {
|
| 76 |
+
loginMessage.style.color = "green";
|
| 77 |
+
loginMessage.textContent = `✅ Welcome back, ${username}!`;
|
| 78 |
+
|
| 79 |
+
// Optional: Redirect or do something after successful login
|
| 80 |
+
// setTimeout(() => {
|
| 81 |
+
// window.location.href = "dashboard.html";
|
| 82 |
+
// }, 1500);
|
| 83 |
+
} else {
|
| 84 |
+
loginMessage.style.color = "red";
|
| 85 |
+
loginMessage.textContent = "❌ Invalid username or password.";
|
| 86 |
+
}
|
| 87 |
+
});
|
| 88 |
+
}
|