Como dice el título, quiero usar localstorage para almacenar 2 cosas: cuentas y productos e información de la misma. Primero, conseguí que la parte de las cuentas funcionara usando este código:
function signup(e) { event.preventDefault(); var email = document.getElementById("email").value; var username = document.getElementById("username").value; var pass = document.getElementById("password").value; var user = { number: 1, email: email, username: username, password: pass }; var json = JSON.stringify(user); localStorage.setItem(username, json); } function login(e) { event.preventDefault(); var username = document.getElementById("username").value; var pass = document.getElementById("password").value; var result = document.getElementById("result"); var user = localStorage.getItem(username); var data = JSON.parse(user); if (user == null) { result.innerHTML = "Wrong Username"; } else if (username == data.username && pass == data.password) { result.innerHTML = "Logged In"; for (var i = 0; i < localStorage.length; i++) { var keys = Object.keys(localStorage); var datas = JSON.parse(localStorage.getItem(keys[i])); var datauser = datas.username; datas.number = 2; var jsonval = JSON.stringify(datas); localStorage.removeItem(keys[i]); localStorage.setItem(datauser, jsonval) } localStorage.removeItem(username); data.number = 1; var json = JSON.stringify(data); localStorage.setItem(username, json); } else { result.innerHTML = "Wrong Password"; } } function getaccount() { for (var i = 0; i < localStorage.length; i++) { var keys = Object.keys(localStorage); var data = JSON.parse(localStorage.getItem(keys[i])); if (data.number == 1) { document.getElementById("accountnamep").innerHTML = data.username; document.getElementById("name").innerHTML = data.username; } } }y luego tengo un código para mis productos, pero no sé cómo lo mostraría en un archivo de "tu carrito", pero el código que tengo actualmente es:
var tocart = { name: name, price: price, size: size, quantity: quantity, shipping: shipping }; var json = JSON.stringify(tocart); localStorage.setItem(name, json);