implement login and register ponies app b00tc4mp#68

NerinaHctz · Jun 10, 2024 · 6981801 · 6981801
1 parent d65139a
commit 6981801
Show file tree

Hide file tree

Showing 2 changed files with 108 additions and 0 deletions.
diff --git a/staff/nerina-castillo/ponies/app/login.html b/staff/nerina-castillo/ponies/app/login.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Login</title>
+    <style></style>
+  </head>
+  <body>
+    <h1>Login</h1>
+
+    <form>
+      <label for="username">Username</label>
+      <input type="text" id="username" name="username" placeholder="username" />
+
+      <label for="password">Password</label>
+      <input
+        type="password"
+        id="password"
+        name="password"
+        placeholder="password"
+      />
+
+      <button type="submit">Login</button>
+    </form>
+
+    <a href="">Register</a>
+
+    <script>
+      var form = document.querySelector("form");
+
+      form.onsubmit = function (event) {
+        event.preventDefault();
+
+        var usernameInput = document.getElementById("username");
+        var passwordInput = document.getElementById("password");
+
+        var username = usernameInput.value;
+        var password = passwordInput.value;
+
+        if (username === "pepitogrillo" && password === "123123123") {
+          window.location.href = "home.html";
+        }
+      };
+
+      var a = document.querySelector("a");
+
+      a.onclick = function (event) {
+        event.preventDefault();
+
+        window.location.href = "register.html";
+      };
+    </script>
+  </body>
+</html>
diff --git a/staff/nerina-castillo/ponies/app/register.html b/staff/nerina-castillo/ponies/app/register.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Register</title>
+
+    <style></style>
+  </head>
+  <body>
+    <h1>Register</h1>
+
+    <form>
+      <label for="complete-name">Name</label>
+      <input
+        type="text"
+        id="complete-name"
+        name="complete-name"
+        placeholder="name"
+      />
+      <label for="email">Email</label>
+      <input type="email" id="email" name="email" placeholder="email" />
+
+      <label for="username">Username</label>
+      <input type="text" id="username" name="username" placeholder="username" />
+
+      <label for="password">Password</label>
+      <input
+        type="password"
+        id="password"
+        name="password"
+        placeholder="password"
+      />
+
+      <button type="submit">Register</button>
+    </form>
+
+    <a href="">Home</a>
+
+    <script>
+      var form = document.querySelector("form");
+      var userInfo = {}
+
+
+      form.onsubmit(event){
+        event.preventDefault()
+
+        var completeNameInfo = document.getElementById('complete-name')
+
+      }
+    </script>
+  </body>
+</html>