Как сохранить данные в localStorage?

Я так понял, что это у вас типа список задач, аналог to do list ?

Я сделал вот так, но как сделать так, чтобы по id вытаскивать html код ?

https://codepen.io/Genri_Rus/pen/PgKago

Т.е. сейчас у меня все чекбоксы хранятся в localStorage, а как выводить теги параграфов в модальное окно ?

Как оптимизировать код для localStorage?

dollar, я так понял, что вы не знаете как или может есть примеры ?

Как оптимизировать код для localStorage?

dollar, ну мне нужно сделать так, чтобы вывод html кода параграфов происходил только в том случае, если активирован чекбокс и записан в localStorage

В данном случае чекбоксы записываются в localStorage

А как им присвоить вывод html кода я не знаю (

https://codepen.io/Genri_Rus/pen/PgKago

Как из localStorage удалить определенные ключи?

Спасибо )

Вместо item можно любую другую переменную добавить ?

Типа: itemStorage ?

Как заменить теги при использовании clone()?

DanKud, или может есть ссылка на подробный пример, как это можно реализовать ?

Как заменить теги при использовании clone()?

DanKud, а сильно нужно изменять код ?

Просто мне так удобнее было бы, если только по id

Это нужно полностью переписывать код или пару строчек ?

Как заменить теги при использовании clone()?

DanKud, а можно html превратить в массив и сохранять в localStorage только id, как и чекбоксы?

Как заменить теги при использовании clone()?

DanKud, const - локальная переменная, а let - типа глобальная ?

Я так понял, что проверку чекбоксов в localStorage одной записью проверить нельзя ?

У нас получается 2 записи в хранилище, а как добавить вместо html строки параграфов в localStorage - допустим id инпута, как вы это сделали с чекбоксами ?

Как заменить теги при использовании clone()?

DanKud, супер, теперь все отрабатывает как надо !

Только опять есть небольшие тонкости:

-у меня почему-то нету текста 'Здесь ничего нет', после удаления всех параграфов

-функцию escapeRegExp нужно выше всех функций добавить ?

https://codepen.io/Genri_Rus/pen/OGMNWY

Как заменить теги при использовании clone()?

DanKud, как экранировать + в title ?

Как заменить теги при использовании clone()?

DanKud, все, кажется началось какое-то странное поведение кода

Вот пример: https://codepen.io/Genri_Rus/pen/OGMNWY

У меня в title есть различные спецсимволы типа: +

Почему-то javascript отказывается его обрабатывать, из-за этого у меня данные параграфы увеличиваются

Как заменить теги при использовании clone()?

DanKud, спасибо все великолепно отрабатывает !

Я так понял, что проверку чекбоксов в localStorage одним ключом и записи проверить нельзя ?

И еще такой вопрос, почему-то у меня после удаления всех чекбоксов не появляется надпись: Здесь ничего нет

Как заменить теги при использовании clone()?

DanKud, было бы здорово !

Допустим у меня эти параграфы выводятся с помощью серверной части, если я добавлю data-id атрибуты инпутам, как я смогу дальше ими управлять ?

К примеру я хочу в localStorage помещать только атрибуты data-id в виде строки массива

А выводить уже из localStorage в виде объекта в html верстку, мне придется из PHP вытаскивать в виде массива данные или можно обойтись только data-id ?

Как заменить теги при использовании clone()?

DanKud, спасибо, что Так выручаете в правильном понимании логики работы кода !

у меня все нормально отображается при клике на любой чекбокс

После перезагрузки страницы, если снова начать активировать чекбоксы, то у меня все элементы начинают удаляться

Плюс вам по идее нужно отмечать записанные чекбоксы. И вот тут как раз появляется проблема проставления записанных в localStorage чекбоксов. Как мы будет определять какие чекбоксы нужно отмечать, если им не присвоены никакие уникальные идентификаторы?

Получается все таки нужно стремиться к данному варианту ?

https://codepen.io/anon/pen/XGLEbR

И разве нельзя сделать проверку типа:

var checkBox = $('.check');

if (localStorage.getItem(isChecked) === 'true') {
 checkBox.checked === true;
}

if ((checkBox).is(':checked')) {
  localStorage.setItem(isChecked, true)
}

Или так работать будет некорректно ?

Как заменить теги при использовании clone()?

DanKud, не смогли бы помочь ?

Как заменить теги при использовании clone()?

DanKud, я еще заметил, что после обновления браузера - модальное окно пустое

Я так понял, что чекбоксы сбрасываются после обновления страницы и из-за этого возникает такое поведение кода ?

Как заменить теги при использовании clone()?

DanKud, почему-то Ваш вариант кода немного неправильно отрабатывает

https://codepen.io/Genri_Rus/pen/OGMNWY

При клике на последний параграф - в модальном окне ничего не отображается

Как заменить теги при использовании clone()?

DanKud, а вот что насчет нагрузки ?

Наверно лучше добавлять только data-id, чем помещать в localStorage весь html ?

Как заменить теги при использовании clone()?

DanKud, в очередной раз благодарю за более детальный ответ !

Я так понял, второй вариант это вот этот ?

https://codepen.io/anon/pen/XGLEbR

Можно все сделать через data-id с помощью цикла for, который помещается в массив и потом его вытаскиваем ?

Как заменить теги при использовании clone()?

DanKud, мне наверно нужно все это в массив обернуть ?