我想在js中使用本地存储保存我的todo列表项。但我无法有效地将其应用到代码中。
下面是我的代码页：https://codepen.io/Samimalik/pen/EBRKZv
下面是我的HTML：

<main id="container">
        <input type="text" class="txt" placeholder="Add a task..." title="Write and press Enter">
        <section class="not-comp">
            <h1>Not Completed</h1>
        </section>
        <section class="comp">
            <h1>Completed</h1>
        </section>
    </main>

字符串
这是我的jquery

$(document).ready(function() {
            $('.txt').keyup(function(e) {
                if (e.keyCode == 13  && $('.txt').val() != ""){
                    let task = $('<div class="task"></div>').text($('.txt').val());
                    let del = $('<i class="fas fa-trash-alt"></i>');
                    let check = $('<i class="fas fa-check"></i>');
                    $('.not-comp').append(task)
                    $('.txt').val('');
                    task.append(del,check);
                    $('i.fa-trash-alt').click(function() {
                        $(this).parent().fadeOut(function() {
                            $(this).remove();
                        });
                    });
                    $('i.fa-check').click(function() {
                        $(this).parent().fadeOut(function() {
                            $('.comp').append(this).fadeIn();
                        });
                    $(this).remove();
                    });
                };
            });
        });

型