亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在 UI 上編輯文本并使用 Javascript 更新 localStorage 中的更改

如何在 UI 上編輯文本并使用 Javascript 更新 localStorage 中的更改

鴻蒙傳說 2022-12-09 19:52:09
我正在努力編輯 ToDo 應用程序上的任務并更新 localstorage 對象中的更改。我試過 contenteditable 來編輯 UI 上的文本。但是,我無法更新對 localstorage 數組的更改。這是我正在使用的代碼。任何建議將不勝感激!// Edit taskconst eidtTask = (e) => {   // Array of objects of tasks   const tasks = JSON.parse(localStorage.getItem('tasks'));   if(e.target.classList.contains('edit')) {        // When I click edit button I want to edit the task and update the value on localstorage array as well   }   localStorage.setItem('tasks', JSON.stringify(tasks));};
查看完整描述

1 回答

?
撒科打諢

TA貢獻1934條經驗 獲得超2個贊

在 HTML 元素中有一個數據屬性,并oldValue在本地存儲數據中有一個可以更新本地存儲的數據


一旦用戶點擊提交或完成編輯,更改 HTML 數據屬性和oldValue本地存儲。


// Edit task

const editTask = (e) => {

  // Array of objects of tasks

  const tasks = JSON.parse(localStorage.getItem('tasks'));

  if (e.target.classList.contains('edit')) {

    for (const task of tasks) {

      if (task.oldValue === e.target.getAttribute('data-foo')) {

        task.value = e.target.value;

      }

    }

  }

  localStorage.setItem('tasks', JSON.stringify(tasks));

};


查看完整回答
反對 回復 2022-12-09
  • 1 回答
  • 0 關注
  • 145 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號