Primero: sé que no debo guardar contraseñas e inicios de sesión de esa manera. Sólo estoy haciendo esto como una tarea.
Por lo tanto, necesito guardar el nombre de usuario y la contraseña del formulario de registro y luego usarlo en el formulario de inicio de sesión. ¿Cómo puedo hacer esto solo con html y JS?
Ahora tengo algo así:
let user_name = document.getElementById("username"); let user_paswrd = document.getElementById("password"); let store_data = () => { let input_username = localStorage.setItem("username", user_name.value); let input_password = localStorage.setItem("password", user_paswrd.value); };https://jsfiddle.net/gcu78z20/
está guardando el nombre de usuario y la contraseña en el almacenamiento local, pero necesito guardar todos los nombres de usuario y contraseñas registrados. Luego, en el menú de inicio de sesión, recupérelo cuando inicie sesión. ¿Cómo puedo hacerlo? ¿Es mejor hacer esto con localstore o cookie?
INFORMACIÓN IMPORTANTE este formulario solo se abrirá localmente. El sitio web no estará en la web.
Puede almacenar los datos como una matriz.
if(!localStorage.getItem("credentials")) localStorage.setItem("credentials", JSON.stringify([])); var arr = JSON.parse(localStorage.getItem("credentials")); console.log(arr) let user_name = document.getElementById("username"); let user_paswrd = document.getElementById("password"); let store_data = () => { credentials.push({username: user_name, password: user_paswrd}); localStorage.setItem("credentials", JSON.stringify(arr)) }; <input id="username" type='text' placeholder="username"><br> <input id="password" type='password' placeholder="password"><br> <button onclick="store_data">Submit</button>