@Biaci_Anj

Сохранение input после перезагрузки страницы, как это реализовать?

https://codepen.io/IgorKaspersky/pen/RwjVZpw

Ребят, делаю бэкэнд тестовый проект, но без js никак, js только учу. Времени у меня мало, готов отблагодарить деньгами.
Простейший код

Как вы видите по ссылке ниже, я просто передаю каждый элемент на бэкэнд по
name="dishIdQuantityMap[айди блюда]" ( могу поменять на просто name=айди блюда )
value= что ввел в input.
Блюда подругружаются из БД, их количество может меняться.

Есть JS который увеличивает на 1 input, когда пользователь нажимает +, и считает totalSum заказа, но на решение этой проблемы снизу у меня знаний не хватает, я в полном отчаянии.

Проблема:
Когда пользователь перезагружает страницу, то пропадает input. А сортировка сделана через перезагрузку страницы и изменить нельзя.

Есть минимальное понимание.
Это localStorage.setItem (prodId, qty), а при нажатии кнопки localStorage.clear(), но опять-таки, нет абсолютно понимания практической реализации. Потому что очень важно, чтобы пользователь видел свой input и то, чтобы он отправлялся при нажатии на submit на сервер.

Буду крайне благодарен за помощь.
Так уж вышло, что у меня нет знаний и времени ( до сдачи проекта 2 дня ), чтобы получить эти знания.
  • Вопрос задан
  • 734 просмотра
Решения вопроса 1
Mesuti
@Mesuti
Сохраняет в localstorage все input при их изменении
При загрузке страницы, указывает все сохраненные данные в каждый input
Ищет каждый input по dishIdQuantityMap[x]
https://codepen.io/vaniljs/pen/GROmOJX
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
07 мая 2024, в 14:38
8000 руб./за проект
07 мая 2024, в 14:38
15000 руб./за проект
07 мая 2024, в 14:36
70000 руб./за проект