Помогите с сохранением checked в Local Storage

110
05 сентября 2021, 17:40
<body>
    <input type="text" id="in">
    <button id="add">Добавить</button>
    <button id="add1">saved</button>
    <hr>
    <div id="out"></div>
</body>
let todoList = [];
if (localStorage.getItem('todo') != undefined) {
    todoList = JSON.parse(localStorage.getItem('todo'));
    out();
}
document.getElementById('add').onclick = function () {
    let d = document.getElementById('in').value;
    let temp = {};
    let i = todoList.length;
    temp.todo = d;
    temp.check = false;
    todoList[i] = temp;
    out();
    localStorage.setItem('todo', JSON.stringify(todoList));
}
function out() {
    let out = "";
    for (let key in todoList) {
        document.getElementById('add1').onclick = function () {
            let q = document.querySelectorAll('.p') 
            for (let key1 of q) {
                if (key1.checked) {
                    todoList[key].check = true;
                    console.log('check');
                }
            }
        }
        if (todoList[key].check == true) {
            out += '<input type="checkbox" class="p" checked>';
        }
        else {
            out += '<input type="checkbox" class="p">'
        }
    out += todoList[key].todo + '<br>' ;
    }
    document.getElementById('out').innerHTML = out;
}
Answer 1

https://developer.mozilla.org/en-US/docs/Web/API/Storage/getItem

if (localStorage.getItem('todo') != null) {

или просто

if (localStorage.getItem('todo')) {
READ ALSO
События касания на мобильных браузерах
javascript

События касания на мобильных браузерах

Имеется компонент Vuejs, где на Div весит обработчик событий мыши

 98
При нажатии на кнопку - добавить значение в input, при повторном нажатии - убрать
javascript

При нажатии на кнопку - добавить значение в input, при повторном нажатии - убрать

Есть скрипт, который при нажатии на ссылку добавляет некоторое значение в inputВот он:

 96
Про props img react JS
javascript

Про props img react JS

Как через Props добавить изображения? Обучение в React JS

 106
Запустить видео в сафари, javascript
javascript

Запустить видео в сафари, javascript

Помогите решить проблему и возможно ли ее решитьСуть проблемы такая

 109