حالت آفلاین — محتوا از حافظهٔ کش نمایش داده می‌شود
آموزش جاوااسکریپت مقدماتی؛ از تمرین تا پروژه

پروژه جاوااسکریپت؛ تقسیم کارهای سبد خرید

پروژه جاوااسکریپت؛ ساخت محاسبات سبد خرید · 0٪

مسئلهٔ پروژه

فهرستی از کالاها داریم. هر کالا قیمت واحد و تعداد داره. هدف محاسبهٔ جمع، کسر تخفیف و بررسی درست بودن ورودی هست. این پروژه روی منطق JavaScript تمرکز داره؛ رابط HTML و DOM گام بعدی مسیر هستن.

const cart = [
  { price: 100, quantity: 2 },
  { price: 20, quantity: 3 }
];
// جمع: 100*2 + 20*3 = 260
// با تخفیف 10 درصد: 234

کار رو به سه تابع می‌شکنیم: خواندن تعداد از متن، جمع‌کردن سبد و محاسبهٔ مبلغ نهایی.

تعداد واردشده رو بررسی کن

متن ورودی رو trim کن؛ خالی نباید به صفر تبدیل بشه. سپس با Number تبدیل کن و با Number.isInteger(n) صحیح‌بودن رو بسنج. تعداد معتبر در پروژه عدد صحیح بزرگ‌تر از صفر هست؛ یعنی بخش اعشاری نداره. ورودی نامعتبر باید null بدهد.

حالت‌های خاص رو هم امتحان کن

فقط مثال معمولی کافی نیست: سبد خالی، تعداد صفر، متن نامعتبر، تخفیف صفر و تخفیف صد رو هم بررسی کن. برای سادگی قیمت‌ها در این تمرین عدد صحیحِ صفر یا مثبت‌اند و مبلغ نهایی رو به نزدیک‌ترین عدد صحیح گرد می‌کنیم. در سامانهٔ مالی واقعی واحد پول و قواعد گردکردن باید دقیق مشخص بشن.

مطالعهٔ این گام برای همه آزاد است

برای پاسخ‌دادن، بررسی پاسخ، ثبت پیشرفت و استفاده از دستیار باید شرایط شرکت در فعالیت‌ها را داشته باشید.

برای انجام فعالیت وارد شوید

فعالیت‌های این بخش به اشتراک فعال نیاز دارند. تهیهٔ اشتراک

برای انجام فعالیت‌ها ابتدا این دوره‌های پیش‌نیاز را تکمیل کنید:

کد اولیهٔ فعالیت

const cart = [{ price: 100, quantity: 2 }, { price: 20, quantity: 3 }];
console.log(cart);