这是一个“待办事项”列表。该功能将图标更改为“完成”。我想知道当我刷新或关闭网页时如何保存此修改。
我已经有一个函数来保存创建的任务，我试图在更改图标的函数中调用此函数。不起作用。
我试图保存更改“隐藏”。也不起作用。

function completeTask(event) {

    const todoIcon = event.target;
    todoIcon.classList.add("hidden");

    const text = todoIcon.parentNode.childNodes[2];
    text.classList.add("risked");

    const taskToCompleteId = todoIcon.parentNode.parentNode.id
    const taskToComplete = document.getElementById(taskToCompleteId);

    taskToComplete.classList.add("done");
    taskToComplete.classList.remove("todo");

    const doneIcon = todoIcon.parentNode.childNodes[1];
    doneIcon.classList.remove("hidden");

    taskData.find((item) => {
        if (item.id === taskToCompleteId) {
            item.toDo = false;
        }
    })
    counter();
}