6. toDoList案例

toDoList.js

$(function () {
   
    load();
    // 1. 按下回车键，把完整数据存储到本地存储里面
    // 存储数据的格式：var todolist = [{title:"xxx",done:false}]
    $("#title").on("keydown", function (event) {
   
        // 判断用户是否按下的是回车键
        if (event.keyCode === 13) {
   
            if ($(this).val() === '') {
   
                alert("请输入您的操作");
            } else {
   
                //先读取本地存储原来的数据
                var localData = getData();
                // 把最新的数据追加到localData数组中
                localData.push({
    title: $(this).val(), done: false });
                $(this).val("");
                // 把最新的数组信息存储到本地存储中
                saveData(localData);
                // 2. 把本地存储的数据渲染到页面上
                load();
            }
        }
    }