LocalStorage создание и получение?

Question

[Demon]

Можно ли создать переменную localStorage из input (поля ввода) по клику, также возможно ли получить после по клику созданные переменные localStorage ?

Answer 1

[Сергей Соколов]

Можно. Курить документацию по localStorage и по Storage

const dg = document.getElementById.bind(document);
const inKey = dg('in-key');
const inVal = dg('in-val');
dg('btn-to').addEventListener('click', e => {
  localStorage.setItem(inKey.value, inVal.value);
});
dg('btn-from').addEventListener('click', e => {
  inVal.value = localStorage.getItem(inKey);
});
dg('btn-list').addEventListener('click', e => {
  let list = [];
  for (let i = 0; i < localStorage.length; i++) {
    let k = localStorage.key(i);
    list.push('<dt>'+k+'</dt><dd>'+localStorage.getItem(k)+'</dd>');
    dg('list').innerHTML = list.join('\n');
  }
});

рабочий пример

Comments

[Demon]

Можно ли пример cоздания и получения ?

[Сергей Соколов]

Demon, тоже можно. Обновил ответ.

[Сергей Соколов]

Demon, а, вам нужно самому вводить имена ключей и потом получить их список. Обновил

Answer 2

[Ivan Sharapenkov]

Создание:

document.getElementById("saveServer");
localStorage.setItem("server", input.value);

Получение:
let storedValue = localStorage.getItem("server");

Обработка клика:
https://developer.mozilla.org/en/docs/Web/API/Even...

Здесь есть работающий пример:
https://stackoverflow.com/questions/49690182/set-t...

Comments

[Demon]

Нужна не запись и получение, а создание самой переменной localStorage что уже сделал, осталось список вывести созданных localStorage

[Ivan Sharapenkov]

Demon, создание переменной localStorage означает
let localStorage = 123, например и никак не объясняет, что вы хотите сделать, а что значит вывести список созданных localStorage абсолютно непонятно.