@Stalk007

Как сделать, чтобы после обновление страницы сохранялось её содержимое?

Например: я добавил задачу Купить хлеб, и чтобы после перезагрузки эта задача осталась
<!DOCTYPE html>
<html lang="ru">
<head>
    <link rel="stylesheet" type="text/css" href="style.css">
    <meta charset="UTF-8">
    <link  rel="stylesheet" type="text/css" href="style.css" >
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" id="input"><br>
    <button id="button">Добавить задачу</button><br>
    <div id="Monday"></div>

let todoList  = [];

document.getElementById('button').onclick = function () {

    let input = document.getElementById('input').value;
    if (input !== '') {
    let temp  = {};
    temp.todo = input;
    temp.check = false;
    let i = todoList.length;
    todoList[i] = temp;
    console.log (todoList);
    out();
    localStorage.setItem('todo', JSON.stringify(todoList))

    function out() {
        var out = '';
        for (var i=0; i<todoList.length; i++) {
            if (todoList[i].check)
                out += '<span class="underlined"><input type="checkbox" checked> '+todoList[i].todo + '</span><br>';
            else {
                out+='<span><input type="checkbox"> '+todoList[i].todo + '</span><br>';
            }
        }
        document.getElementById('Monday').innerHTML = out;
    }
    } else {
        //alert('Error!');
        let modal = document.getElementById('Madal');
        let span = document.getElementById('span');
        modal.style.display = "block";
        span.onclick = function () {
            modal.style.display = "none";
        }
            window.onclick = function (event) {
                if (event.target == modal) {
                    modal.style.display = "none";
                }
            } 
    }
}
  • Вопрос задан
  • 89 просмотров
Решения вопроса 1
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Сохранять список задач в localStorage и восстанавливать его при загрузке страницы.
Ну или передавать на сервер для записи в базу данных.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы