@NewUser4242

Как сделать To do list с сохранением данных?

Как сделать чтобы те задания которые мы добавляем в список оставались там навсегда. И не только у меня, а у любого кто открыл сайт?

<div class="wrapper">
        <div class="header">
            <h1>Список</h1>
            <div class="col">
                <input type="text" placeholder="Добавить" id="toDoEl">
                <span class="addBtn" onclick="newElement()">Добавить</span>
            </div>

        </div>
        <ol id="list">

        </ol>
    </div>


var list = document.querySelector('ul');
    list.addEventListener('click', function (ev) {
        if(ev.target.tagName === "LI") {
            ev.target.classList.toggle('checked');
        } else if(ev.target.tagName === "SPAN") {
            var div = ev.target.parentNode;
            div.remove();
        }
    }, false);

    function newElement() {
        var li = document.createElement('li');
        var inputValue = document.getElementById('toDoEl').value;
        var t = document.createTextNode(inputValue);
        li.appendChild(t);
        if(inputValue == "") {
            alert("Введите ваше дело!");
        } else {
            document.getElementById('list').appendChild(li);
        }
        document.getElementById('toDoEl').value = "";
        var span = document.createElement('SPAN');
        var txt = document.createTextNode("X");
        span.className = "close";
        span.appendChild(txt);
        li.appendChild(span);
    }
  • Вопрос задан
  • 213 просмотров
Решения вопроса 1
m1rvi
@m1rvi
Отметь блин решением, если помог
Нужен php, это не сложно
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
@karminski
Разработчик CRM/ERP систем
Вам нужно хранить задания в базе данных
Ответ написан
zettend
@zettend
Разрабатываю крутые сайты и сервисы
Сохранять их в JSON или каждый раз пересобирать HTML.
Ответ написан
@Karpion
В качестве образца берите GoogleDocs. Почитайте про архитектуру этого сервиса. Вам, разумеется, нужно что-то попроще - без масштабирования.
Вроде, свободно распространяемые аналоги GoogleDocs должны существовать. Хотя бы простые.
Ответ написан
Ваш ответ на вопрос

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

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