时间戳

首页 > 解决方案 > 提示存储问题

javascript - 提示存储问题

问题描述

我需要当我点击输入然后必须提示并将结果转移到存储中，请帮助我，我试图在谷歌中找到这个解决方案但没有用:(

const output = document.querySelector('[data-output]');

const LOCAL_STORAGE_LIST_KEY = 'task.lists';
const LOCAL_STORAGE_SELECTED_LIST_ID_KEY = 'task.selectedListId';
let lists = JSON.parse(localStorage.getItem(LOCAL_STORAGE_LIST_KEY)) || [];
let selectedListId = localStorage.getItem(LOCAL_STORAGE_SELECTED_LIST_ID_KEY);

output.addEventListener('click', e => {
    let txt = prompt('Enter what you want to do ^^').toString();
    lists.push(txt);
    saveAndRender();
});

标签： javascript

解决方案

您的错误似乎出现在 renderLists 函数中，该函数位于您在评论中链接的 JSFiddle 上。您正在循环您的lists数组，其中包含输入字符串 - 但您试图访问属性，就好像它是一个对象一样；而是给你undefined

你有createList它将输入变成一个带有当前键的对象，所以我假设你打算包括那个

output.addEventListener('click', e => {
    let txt = prompt('Enter what you want to do ^^').toString();
    lists.push(createList(txt));
    saveAndRender();
});

这是一个更新的 JSFiddle

推荐阅读