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

Question

[AbaiS]

Создаю небольшой сайт с каталогом товара и возможностью оформления заказа(без онлайн оплаты и бд).
Нужно, чтобы в форме с введением имени и номера было поле с номером заказа, значение которого будет увеличиваться после заказа.
Я создал переменную, которая постоянна увеличивается на 1 после отправки формы, но как только обновляю страницу, то значение опять становится 1. Никак не могу придумать как можно от этого избавиться.

const form = document.querySelector(formSelector),
          formId = document.querySelector(formIdSelector),
          formName = document.querySelector(formNameSelector),
          formPhone = document.querySelector(formPhoneSelector),
          formSum = document.querySelector(formSumSelector),
          thanksForm = document.querySelector(thanksFormSelector),
          gross = document.querySelector(grossSelector);
    let id = 1;
    
    const addId = () => {
        formId.value = +formId.value + 1;
    };

    addId();

    form.addEventListener('submit', e => {
        e.preventDefault();
        
        let formData = new FormData(form);
        let request = new XMLHttpRequest();

        request.open('POST', 'mailer/smart.php', true);
        request.send(formData);

        formName.value = '';
        formPhone.value = '';
        formSum.value = '';

        id = id + 1;
        addId();

        gross.style.display = 'none';
        thanksForm.style.display = 'block';
    });

Comments

[Сергей Соколов]

Магазин для одного покупателя?
Если зайдет второй (или первый, но с другого браузера) – номера заказов опять пойдут с 1?

Answer 1

[Стефан]

Хранить данные в localStorage

Answer 2

[Олег]

Вам надо эту переменную записать в cookie или в localstorage, а при визите на страницу проверять наличие куки или хранилища и считывать данные

Answer 3

[Сергей Соколов]

Учёт заказов стоит вести на сервере.
Счетчик можно держать в текстовом файле, раз нет БД.

При получении заказа, сохранять его и увеличивать единственный счётчик на сервере на 1.

Вернуть номер сохранённого заказа, чтобы показать заказавшему.