Nolra / front_course_2023

charity course
7 stars 0 forks source link

JS JSON localStorage #10

Open Nolra opened 1 year ago

Nolra commented 1 year ago

Код занятия: https://github.com/Nolra/front-course/tree/JS-json-localStorage

Материал

JSON
https://developer.mozilla.org/ru/docs/Learn/JavaScript/Objects/JSON
https://learn.javascript.ru/json

Local Storage
https://developer.mozilla.org/ru/docs/Web/API/Window/localStorage
https://learn.javascript.ru/localstorage
    Домашнее задание

    1)

    Преобразуйте user в JSON и сохраните (выведите в console.log), 
    затем прочитайте JSON и сохраните в другую переменную (выведите в console.log)

    let user = {
      name: "Василий Иванович",
      age: 35
    };

    2) 

    напишем счетчик на localStorage - + / -
        пусть в компоненте будет сам счетчик 
        и будут кнопки имитирующие интерфейс localStorage (функция к каждой кнопке)
        Все кнопки должны выводить в консоль сообщения. _Например
    setItem будет выводить в консоль что произошло сохранение и что именно сохранено._

        setItem(key, value) – сохранить пару ключ/значение.
        getItem(key) – получить данные по ключу key.
        removeItem(key) – удалить данные с ключом key.
        clear() – удалить всё.
        key(index) – получить ключ на заданной позиции.
        length – количество элементов в хранилище.

    *
    напишите togoList используя localStorage + JSON
    функции todoList - добавление, удаление ( * необязательно - вычеркивание, редактирование)

    Должна быть кнопка **сохранить todo list**
    Данные должны храниться в браузере и при перезагрузки страницы 
    загружаться актуальные с последнего сохранения (инициализация всего списка)
voidaugust commented 1 year ago

UPD 07.05.2023. Исправил по прошлым комментариям третью задачу, посмотри пожалуйста.

https://github.com/pashbespaloff/homework/tree/json-local-storage

В js-файле сначала третья* задача идёт, потом первая и вторая.

nedostatoksna commented 1 year ago

https://github.com/nedostatoksna/course-front-end/tree/local-storage-json-homework третье задание сделала только минимум(удаление и добавление).

NastyaKamalova commented 1 year ago

https://github.com/NastyaKamalova/firstCSS/tree/JSON_h.w

Vykrutasy commented 1 year ago

https://github.com/Vykrutasy/json-local-storage/tree/main/homework1

Nolra commented 1 year ago

https://github.com/Vykrutasy/json-local-storage/tree/main/homework1

Немного нужно исправить. В задаче указано - сделайте счетчик +1 / -1 Это просто input и две кнопки + и -. В js уже нужно иметь объект который будет обновляться когда значение счетчика меняется. Именно с этим объектом нужно проводить манипуляции в localStorage.

Переделайте немного.