Create Paste
Top Pastes
Recent Pastes
Settings
Account
yeah
Anonymous
Views
56
Visibility
Private
Expires
Never
Created
December 2022
View Raw
Download
0
<html> <head> <title>Login/Register</title> </head> <body> <div id="login-form"> <h1>Login</h1> <form> <label for="username">Username:</label><br> <input type="text" id="login-username" name="username"><br> <label for="password">Password:</label><br> <input type="password" id="login-password" name="password"><br><br> <button type="button" onclick="login()">Login</button> </form> </div> <div id="register-form" style="display:none;"> <h1>Register</h1> <form> <label for="username">Username:</label><br> <input type="text" id="register-username" name="username"><br> <label for="password">Password:</label><br> <input type="password" id="register-password" name="password"><br> <label for="confirm-password">Confirm Password:</label><br> <input type="password" id="register-confirm-password" name="confirm-password"><br><br> <button type="button" onclick="register()">Register</button> </form> </div> <div id="message"></div> <script> function login() { // Get the login form values var username = document.getElementById("login-username").value; var password = document.getElementById("login-password").value; // Validate the form values (e.g. check if the username and password are not empty) if (username == "" || password == "") { document.getElementById("message").innerHTML = "Please enter a valid username and password."; } else { // Send a request to the server to verify the username and password var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState == XMLHttpRequest.DONE) { if (xhr.status == 200) { // If the login is successful, redirect the user to the home page window.location.href = "/home"; } else { // If the login is unsuccessful, display an error message document.getElementById("message").innerHTML = "Invalid username or password."; } } }; xhr.open("POST", "/login", true); xhr.setRequestHeader("Content-Type", "application/json"); xhr.send(JSON.stringify({ username: username, password: password })); } } function register() { // Get the register form values var username = document.getElementById("register-username").value; var password = document.getElementById("register-password").value; var confirmPassword = document.getElementById("register-confirm-password").value; //