Примечание. Захват приложения с использованием локального хранилища

Question

Попытка создать приложение для заметок для школы, но я смущен некоторыми вещами. Как сделать так, чтобы при вводе в блок формы он сохранил все, что я помещал внутри текстового блока, даже после обновления страницы.

Я немного смущен о том, как работает локальное хранилище. Простой ответ с блоком кода javascript был бы приятным.

Answer 1

LocalStorage API очень прост и прост в использовании, вы можете найти базовую информацию об использовании API на своей странице MDN: localStorage API и страницу для хранения в сети: Web Storage.

Я также предоставил пример JSFiddle для того, как приложение, похожее на ваше, будет функционировать с использованием API, который можно найти here.

Есть несколько способов, чтобы установить и получить значение с помощью API Примера:

// Using the getItem & setItem funcitons 
localStorage.setItem('key', 'value'); // sets 'key' to 'value' 
localStorage.getItem('key'); // returns: 'value' 

// Simple member assignment 
localStorage.note = 'value'; // 'note' => 'value' 
localStorage.note; // 'value' 
localStorage['note2'] = 'some other value'; // 'note2' => 'some other value' 
localStorage['note2']; // 'some other value'