Как использовать локальное хранилище и textArea js?

Question

Где находится этот файл? Можно ли его скопировать к себе?
Как сделать textArea, который редактировал по ключу хранилища его значение, удалял по ключу его вовсе, добавлял новое значение по ключу!?!
Не будет ли В коде ошибка: "message": "SecurityError: The operation is insecure.",
Не будет ли при сравнении (значений и ключей хранилища) с переменными var MyKey var MyValue разница в шрифтах? Вот что я умею делать: (копируйте код в index.html в Mozilla Firefox без ошибок работает):
P.S. Не судите строго, - я новичок во всем этом. изучаю js 1-ую неделю.

<!DOCTYPE html>
  <meta charset="utf-8">
  <html>
    <script>
    
    var Key1 = "Areg";
    var Key2 = 1234567;
    var Key3 = "Arthur";
    localStorage["1"] = Key1;
    localStorage["2"] = Key2;
    localStorage["3"] = Key3;
    var ValueU=localStorage["1"]+"_"+localStorage["2"]; 
    alert(ValueU);      
    delete localStorage["3"];
</script>
</html>

Answer 1

1.Скачать можно. Заходите в браузер, нажимаете на иконку слева от сайта, переходите в настройки файлов cookie, в нём выбираете название сайта, а в нём localstorage.
2. Примеры ниже.
3. Нет, ошибки не будет
4. Разница переменных не влияет. А вот разница в названиях ключей влияет.
Используйте одинаковый регистр.

Добавить и получить значение textarea:

        var text = document.getElementById('text');
        var t = localStorage.getItem('text'); // Проверяем есть ли значение в localstorage
        if(t){ // Если есть
            text.value = t; // То добавляем в textarea
        }
        save.onclick = function () {
            localStorage.setItem('text', text.value); // Сохраняем значение из textarea в localstorage
        }

    <textarea id="text"></textarea>
    <button id="save">Сохранить значение в localsotrage</button>

Замена значений происходит при помощи:

localStorage['text'] = 'ZZZ'; // Меняем значение

Удаляется значение при помощи

delete localStorage.text;

Answer 2

    <!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Local Storage</title>
  </head>
  
  <body>
    <textarea id="area" placeholder="Your message..."></textarea>
    <button id="clear">Clear</button>
  
    <script>
      const area = document.getElementById("area");
      const button = document.getElementById("clear");
      const LOCAL_STORAGE_KEY = "ls-key";

      area.value = localStorage.getItem('area');

      area.addEventListener("input", function() {
        
  
        localStorage.setItem('area', area.value);
  
      });
  
      button.addEventListener("click", function() {
        localStorage.clear()
  
        document.getElementById("area").value.reset();
  
      });
    </script>
  </body>
</html>

БЛОГ НА HUSL

Как использовать локальное хранилище и textArea js?

Ответы (2 шт):