jpalma76 · Nov 3, 2022
diff --git a/‎front-client/index.html
+33 b/‎front-client/index.html
+33
diff --git a/‎front-client/js/app.js
+20 b/‎front-client/js/app.js
+20
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Client - Front</title>
+</head>
+<body>
+    <h1>Esto es un html plano</h1>
+
+    <form action="/">
+        <div class = "form-group">
+            <label for="id">ID:</label>
+            <input type="text" class="form-control" name="id" id="id" disabled>
+        </div>
+        <br>
+        <div class = "form-group">
+            <label for="nickname">Nickname:</label>
+            <input type="text" class="form-control" name="nickname" id="nickname" placeholder="Ingresa tu nickname o nombre">
+        </div>
+        <br>
+        <div class="form-group">
+            <label for="avatar">Avatar:</label>
+            <input type="file" class="form-control" name="avatar" id="avatar" placeholder="Sube tu avatar o foto">
+        </div>
+        <br>
+        <button type="submit" class="btn btn-success">Enviar</button>
+    </form>
+    <script src="./js/app.js"></script>
+
+</body>
+</html>
@@ -0,0 +1,20 @@
+const form =document.querySelector("form");
+
+form.addEventListener("submit", e => {
+    e.preventDefault();
+    const nicknameValue = e.currentTarget.nickname.value;
+    const avatarFile = e.currentTarget.avatar.files[0];
+    let postData = new FormData();
+    postData.append("nickname", nicknameValue)
+    postData.append("avatar", avatarFile)
+
+    fetch("http://localhost:3000/guardarComoApi", {
+        mode: 'no-cors',
+        method: "POST",
+        body: postData
+    })
+        .then(response => response.json)
+        .then(data => {
+            console.log(nicknameValue, avatarFile.name)
+        })
+})