VeebiKalkulaator Konspekt
Veebikalkulaator Smoothie on interaktiivne tööriist, mis võimaldab kasutajal kiiresti arvutada erinevate smuutide tellimuse hinna. Kalkulaator on loodud HTML-i, CSS-i ja JavaScripti abil ning pakub mugavat ja visuaalselt arusaadavat viisi tellimuse tegemiseks. See on kasulik nii veebipoodides kui ka kohvikutes, kus klient soovib näha tellimuse koguhinda reaalajas. Kalkulaator sisaldab viit smuutisorti: maasikas, mango, banaan, marjasegu ja troopiline. Iga valik on esitatud raadionupu ja hinnasildiga, mis näitab konkreetse smuuti maksumust. Kasutaja saab valida soovitud smuuti ning pildi järgi näha, milline jook on valitud. Piltide muutmine toimub funktsiooni changePicture() abil, mis kontrollib valitud raadionuppu ja muudab vastavalt smuuti pildi.
Kasutaja saab sisestada tellitava smuuti koguse, mis arvutatakse automaatselt kokku. Kui kogus muutub, arvutab funktsioon calculatePrice() tellimuse koguhinna, võttes arvesse valitud smuuti hinda ja kogust. Lisaks on olemas soodustuse võimalus püsiklientidele — kui märkeruut on valitud, rakendatakse 10% allahindlust. Kõik arvutused toimuvad dünaamiliselt ja kogusumma kuvatakse koheselt kasutajale.
Kalkulaatori kasutajaliides on lihtne ja intuitiivne. Sektsioonid nagu “Vali smuuti”, “Kogus”, “Täiendav tingimus — Soodustus” ja “Koguhind” aitavad kasutajal kiiresti orienteeruda ning tellimuse ülevaadet saada. Sõltumata valitud smuutist või kogusest värskendatakse koguhinda automaatselt, mis tagab kiire ja mugava kasutuskogemuse.
See veebikalkulaator ühendab visuaalse disaini ja funktsionaalsuse, pakkudes praktilist näidet JavaScripti kasutamisest DOM-iga töötamisel, sündmuste haldamisel ja matemaatiliste arvutuste tegemisel. Kalkulaatorit on võimalik tulevikus täiendada näiteks uute smuutide lisamise, maksude arvestuse või online-makse integratsiooniga.
Kokkuvõttes on Smoothie Order Calculator suurepärane näide interaktiivsest veebirakendusest, kus kasutajale pakutakse mugavat, kiiret ja visuaalselt selget tööriista tellimuse tegemiseks.
Smoothie Order Calculator
Choose smoothie type:
Picture:
Quantity:
Additional condition – Discount:
Total Price:
0.00€