Объединение нескольких продуктов для создания другого с помощью Javascript.Советы для интернет-магазина

Question

Я хочу создать интернет-магазин, где вы можете комбинировать различные кофейные смеси, чтобы сделать свою собственную кофейную смесь.Я видел другой веб-сайт, который использует эту логику, он называется - www.cubicocoffee.com

По сути, вы можете выбрать количество вашего кофе (12 унций, 16 унций или более), после чего вы можете выбирать из различныхКофейные зерна Single Origin и их объединение (например, 20% из Бразилии, 40% из Перу, 40% из Колумбии).После этого шага вы можете выбрать жаркое и помол, и ваш кофе готов к употреблению.Я хочу создать сайт, который использует похожую логику, когда дело доходит до объединения различных продуктов.

Кто-нибудь знает какие-то учебные пособия или практический подход к этому, реализующий логику выбора продуктов?Спасибо!

Answer 1

Возможно, вы захотите проверить HTML-элемент select , который будет включать каждый продукт в качестве «опции».Каждому параметру присваивается атрибут value, и когда кто-либо выбирает его, значение автоматически «копируется» в значение элемента select.

И вам понадобится счетчик , сколько единиц выбранного значения использовать.Чтобы передать информацию в какое-либо поле вывода / отображения, вам нужно немного разбираться в CSS-селекторах и атрибуте .innerHTML элементов HTML.

Это должно помочь вам в этом.,Удачи и удачного кодирования.