Lynatik001

Что мешает тебе использовать єто? а не опысивать поэтапно просто "изминение" сообщения

vk.messages.edit(
                peer_id=event.peer_id,
                message_id=event.message_id + 1,
                message=f'Вы выбрали {choose}:'
            )

Ну наверное так?) и не нужно мозг ломать. Кста код тут пережил видимо еще динозавров.
var, отсуцтвие стрелочных функций, ну стремное исполнение

(function(d){
              var display = d.querySelector('#countdown .display')
                var timeLeft = parseInt(display.innerHTML)
              
              var timer = setInterval(function(){
                if (--timeLeft >= 0) { 
                    display.innerHTML = timeLeft
                } else {
                   display.innerHTML = timeLeft+22
                }
              }, 1000) 
            })(document)

Зачем такую ересь городить. Юзайте размер текста в % или rem

[...Object.values(opinions)].filter((option, index, array) => option.limit <= resultCore && resultCore  <=  array[index +1]).limit

Наверное что-то типа того

использовать obj.forEach или .map

const frontMenu = (...arrayOfLabel) => Telegraf.Extra.markdown().markup((m) => m.inlineKeyboard(
  arrayOfLabel.map((a) => a.map((b) => m.callbackButton(b.name, b.callback))),
));

вот у меня перебор двумерного массива. только думаю страдает читаемость используя map

Ничего сложного. В яваскрипте делать document.querySelectorAll('.inpClass')
- находит всё нужные кнопки и потом же опять в яваскрипте при каждом клике проходишся по стилям конкретной кнопки и делаешь css вставки в него(типа подымись по ввыше). - при этом используй transition для плавной анимации, вот и всё

$(document).ready(function () {
  let curr = 1;
    $('#btn').on('click', function () {
        $(`.dot:nth-child(${curr})`).toggleClass('open');
      curr++
    });
});

вот самое унылая и требуящая доработки реализация с вашей песочницы. Тем не менее рабочая.

Код который будет вызываться в JS файле чтобы получить ответ от сервера где вы должны указать HTTP путь к файлу с кодом PHP указанным ниже.

$.ajax({
    url: url.to.php.file,
    type: 'POST',
    data: {
    // тут пишите данные в виде массива по которым нужно отфильтровать, что-то...
    },
    dataType: 'json',
    contentType: 'application/json',
    json: true
}).done(function(data){
    console.log(data);
}).always(function(dataError){
    console.log(dataError);
});

Код PHP который отдаст вам JSON

<?php
        header('Content-Type: application/json');
    $resultJson = array("text" => "Hello!");
    echo json_encode($resultJson);
?>

плохо сформулированое требование. Работа с корзиной ето фронтенд чистый js + фреемворк какой реакт там или вю. список покупок хранится в корзине. - а данные корзины наверное в куках, локал сторедже или где еще. - это ж еще не конечный продукт. Другое дело, когда покупатель наполнил корзину, и жмет купить, оплатить или что там. Только тогда ты уже что-то начинаешь работать с сервером.
и только тогда ты передаешь айди и колво заказаных товаров на сервер, на сервере ты по айдишкам достаешь цену. и только тогда ее сумируешь.

Никогда не передавай суму из фронтенда на сервер. считай все на сервере. (с. Безопасность) Вот тут по пальцам роказано как реализуют оплату https://www.youtube.com/watch?v=AfypOVaB5r0&t и как правильно данные перемещать