+ js code for login/register

This commit is contained in:
Dominika Liberda 2020-10-04 21:05:52 +02:00
parent 71891d9f7d
commit 65acdf798d
2 changed files with 26 additions and 18 deletions

View file

@ -5,17 +5,25 @@ const request = (resource: string, data: any) =>
}).then((res) => res.json());
window.addEventListener("load", () => {
const login_submit = document.querySelector(".login-submit")!;
const register_submit = document.querySelector(".register-submit")!;
login_submit.addEventListener("click", function (event) {
const login = document.querySelector(".login-form")!;
login.addEventListener("submit", function (event) {
event.preventDefault();
document.write("lauraiscute");
const form = event.target as HTMLFormElement;
request("login", {
login: form.login.value,
password: form.password.value,
});
});
register_submit.addEventListener("click", function (event) {
const register = document.querySelector(".register-form")!;
register.addEventListener("submit", function (event) {
event.preventDefault();
document.write("lauraisverycute");
const form = event.target as HTMLFormElement;
request("register", {
login: form.login.value,
password: form.password.value,
phone: form.phone.value,
});
});
request("packages", {}).then((res) => {

View file

@ -1,32 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OCW</title>
<script src="assets/index.js"></script>
</head>
<body>
<div class="login-box">
LOGIN
<form method="POST">
<form method="POST" class="login-form">
<label for="login">Login:</label>
<input type="text" name="login" />
<input type="text" name="login">
<label for="password">Pwd:</label>
<input type="text" name="password" />
<input type="submit" class="login-submit" />
<input type="password" name="password">
<input type="submit">
</form>
</div>
<div class="register-box">
REGISTER
<form method="POST">
<form method="POST" class="register-form">
<label for="login">Login:</label>
<input type="text" name="login" />
<input type="text" name="login">
<label for="password">Pwd:</label>
<input type="text" name="password" />
<input type="password" name="password">
<label for="phone">Phone:</label>
<input type="phone" name="phone" />
<input type="submit" class="register-submit" />
<input type="phone" name="phone">
<input type="submit">
</form>
</div>
<div class="package-list"></div>