javascript - 带有本地存储的便利贴

Question

我正在使用这个代码笔 https://codepen.io/ravitadi/pen/CsIFL我想为用户添加另一个字段来输入笔记的标题。

我是一个 javascript 新手，我似乎无法正确使用它。这是添加注释的功能。完整的脚本在 codepen 中.

function addNote(){
     var usrInput = $('.txtBox').val();
     //console.log(usrInput);

    if(usrInput.length > 0){
        console.log($(this));
        $('#').removeClass('ntActv');
        addtoSticky(usrInput);
        cnclOvrly();
        //console.log(notes);
    }else{

    }
}


function addtoSticky(note){
    if(note.length > 0){
        console.log(note);
        createSticky(note);
        localStorage.setItem('note_'+note.length, note);
    }
}

function createSticky(text){
    $('#stkyNts').append('<li class="box">'+text+'</li>');
}

非常感谢任何帮助。

Codepen

Answer 1

我尝试按照您的要求进行更新。

您应该更改保存对象和从本地存储加载对象的方式。

storedNotes = JSON.parse(localStorage.getItem("notes"));

if(current == null) current = [];
        current.push(JSON.stringify(note));
        localStorage.setItem('notes', JSON.stringify(current));

https://codepen.io/viethien/pen/RdqKxM