+ js code for login/register
This commit is contained in:
parent
71891d9f7d
commit
65acdf798d
|
@ -5,17 +5,25 @@ const request = (resource: string, data: any) =>
|
||||||
}).then((res) => res.json());
|
}).then((res) => res.json());
|
||||||
|
|
||||||
window.addEventListener("load", () => {
|
window.addEventListener("load", () => {
|
||||||
const login_submit = document.querySelector(".login-submit")!;
|
const login = document.querySelector(".login-form")!;
|
||||||
const register_submit = document.querySelector(".register-submit")!;
|
login.addEventListener("submit", function (event) {
|
||||||
|
|
||||||
login_submit.addEventListener("click", function (event) {
|
|
||||||
event.preventDefault();
|
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();
|
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) => {
|
request("packages", {}).then((res) => {
|
||||||
|
|
|
@ -1,32 +1,32 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>OCW</title>
|
<title>OCW</title>
|
||||||
<script src="assets/index.js"></script>
|
<script src="assets/index.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="login-box">
|
<div class="login-box">
|
||||||
LOGIN
|
LOGIN
|
||||||
<form method="POST">
|
<form method="POST" class="login-form">
|
||||||
<label for="login">Login:</label>
|
<label for="login">Login:</label>
|
||||||
<input type="text" name="login" />
|
<input type="text" name="login">
|
||||||
<label for="password">Pwd:</label>
|
<label for="password">Pwd:</label>
|
||||||
<input type="text" name="password" />
|
<input type="password" name="password">
|
||||||
<input type="submit" class="login-submit" />
|
<input type="submit">
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div class="register-box">
|
<div class="register-box">
|
||||||
REGISTER
|
REGISTER
|
||||||
<form method="POST">
|
<form method="POST" class="register-form">
|
||||||
<label for="login">Login:</label>
|
<label for="login">Login:</label>
|
||||||
<input type="text" name="login" />
|
<input type="text" name="login">
|
||||||
<label for="password">Pwd:</label>
|
<label for="password">Pwd:</label>
|
||||||
<input type="text" name="password" />
|
<input type="password" name="password">
|
||||||
<label for="phone">Phone:</label>
|
<label for="phone">Phone:</label>
|
||||||
<input type="phone" name="phone" />
|
<input type="phone" name="phone">
|
||||||
<input type="submit" class="register-submit" />
|
<input type="submit">
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div class="package-list"></div>
|
<div class="package-list"></div>
|
||||||
|
|
Loading…
Reference in a new issue