Javascript (Ajax ) функция комбинированных событий в приложении Django
Я создаю ресторанный eCommerce api, используя фреймворк Django. Сейчас я работаю над частью приложения для тележки. Ресторан предлагает несколько продуктов (категорий), включая пиццу, бургер... Для пиццы варианты продукта содержат размер (маленькая, средняя и большая), а также основу (тонкая, стандартная). Для гамбургеров в качестве вариантов предлагаются различные соусы. Различные комбинации дают разные цены. Например, цена пиццы с салями (id продукта =1), маленьким размером (size id=1) и стандартной основой (base id=2) составляет 12 евро. Соответствующий id productAttribute (пицца салями+маленький размер+стандартная основа) равен 3. Рабочий процесс покупки заключается в том, что после выбора клиентом продукта (пицца салями) и выбора размера и основы, цена автоматически обновляется. Мне интересно, как я должен реализовать эту логику. Есть какие-нибудь комментарии? Спасибо!
ps. Если у вас есть небольшая демонстрация, например, нажмите кнопку 1, затем кнопку 2 и кнопку 3, она покажет результат, это будет замечательно.