lunax/ocw
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

+ js code for login/register

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

22
front/src/index.ts
View file

@ -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) => {

22
webroot/index.html
View file

@ -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>