-
Notifications
You must be signed in to change notification settings - Fork 0
/
loginForm.js
62 lines (53 loc) · 1.99 KB
/
loginForm.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
// loginForm.js
export function initLoginForm(onLogin, onCreateNewId) {
const loginContainer = document.getElementById("loginContainer");
// Create form
const loginForm = document.createElement("form");
loginForm.id = "loginForm";
loginForm.autocomplete = "on";
loginContainer.appendChild(loginForm);
// Create username input
const usernameLabel = document.createElement("label");
usernameLabel.htmlFor = "username";
usernameLabel.textContent = "Username:";
loginForm.appendChild(usernameLabel);
const usernameInput = document.createElement("input");
usernameInput.type = "text";
usernameInput.id = "username";
usernameInput.name = "username";
usernameInput.autocomplete = "username";
usernameInput.required = true;
loginForm.appendChild(usernameInput);
// Create password input
const passwordLabel = document.createElement("label");
passwordLabel.htmlFor = "password";
passwordLabel.textContent = "Password:";
loginForm.appendChild(passwordLabel);
const passwordInput = document.createElement("input");
passwordInput.type = "password";
passwordInput.id = "password";
passwordInput.name = "password";
passwordInput.autocomplete = "current-password";
passwordInput.required = true;
loginForm.appendChild(passwordInput);
// Create buttons
const loginButton = document.createElement("button");
loginButton.type = "submit";
loginButton.textContent = "Login";
loginForm.appendChild(loginButton);
const createNewIdButton = document.createElement("button");
createNewIdButton.type = "button";
createNewIdButton.id = "createNewId";
createNewIdButton.textContent = "Create New ID";
loginForm.appendChild(createNewIdButton);
// Event handlers
loginForm.addEventListener("submit", (event) => {
event.preventDefault();
onLogin(loginForm);
});
createNewIdButton.addEventListener("click", () => {
const credentials = onCreateNewId();
usernameInput.value = credentials.username;
passwordInput.value = credentials.password;
});
}