chelnokov_a

Вам нужен ngrok. Поднимите ваш порт через ngrok локально и он вам публичную ссылку на которую и нужно будет делать запрос

Ты что-то не то спрашиваешь)
Каталог dist обычно результат работы gulp

Ну php работает на сервере. Так что ответ: выводить сразу в js переменную с сервера

Да тут же все примитивно. У тебя есть два пути. Либо слушать события на каждом элементе и внутри функции заводить счетчик. Или использовать делегирование что производительней. При делегировании задай для каждого элемента уникальные дата-атрибут или класс. храни данные счетчиков в массиве, в качестве ключа используй это уникальное значение. Для отображения доставай из массива. Профит

Преобразуй в милисекунды. Разбей на массив по шагу в 12 часов и преобразуй обратно

Что-то такое...

if (ids.length > 0) {
        const filterName = ids.find((name) => name === item.name);

        if (!item.name) {
            state.push(false);

            return;
        }

        if (filterName) {
            this.isFilters = false;
            state.push(filterName != null);

            return;
        }

        state.push(false);
    }
    
    if (types.length > 0) {
        const filter = types.find((type) => type === item.surname);

        if (!item.surname) {
            state.push(false);

            return;
        }

        if (filter) {
            this.isFilters = false;
            state.push(filter != null);

            return;
        }

        state.push(false);
    }

localStorage.getItem('key')

Вы применяете position: absolute выбивая его из "потока" документа. Он прибивается к верхней части страницы потому что не натыкается нигде на position relative

Почитайте про свойство css position и в целом про позиционирование элементов

Какой именно аспект тебя интересует?

Если ты интересуешься как визуально показать изображение при загрузке то что то такое тебе надо:

function changeFileInput(e) {
       const fr = new FileReader()
       fr.onload = () => { this.img = fr.result };
       fr.readAsDataURL(e.target.files[0])
   }

var button = $(".product__button"); - так мы обращаемся ко всем кнопкам. Надо обратиться только к одной.

Например это может быть так - document.querySelectorAll('.product__button')[7].
В данном случае 7 это индекс кнопки чтобы отследить индекс выведи это в консоль document.querySelectorAll('.product__button')

Но по нормальному надо задать id или Data-атрибут и обращаться к кнопке по ним

Обычно это делается через поддомены. Но как варианты вы можете записывать состояние в БД. И при открытии страницы перенаправлять пользователя на нужную стр.

Самый простой вариант это localstorage. НЕ бд но думаю для ваших нужду подойдет.

event.target

Для текущего положения блока прописан стиль position: sticky
Если вы хотите зафиксировать его - необходимо это правило отменить.