পকেট কাটে : shopping cart
সারা জীবন অনলাইনে কেনাকাটা করছস। ভিতরের জিনিস বুঝার অপশন ছিল না। এখন তুই যেহেতু জাভাস্ক্রিপ্ট জানস, তাই ভিতরের জিনিসগুলো বুঝতে পারবি। দরকার হলে নিজে নিজে করতেও পারবি। নিচে একটা ই-কমার্স ওয়েবসাইটের শপিং কার্টের সিম্পল কাজ দেয়া আছে। সেখানে অনেকগুলা প্রোডাক্ট আছে। আর একটা শপিং কার্ট অ্যারে আছে, আর একটা orders নামে অ্যারে আছে।
let products = [
{ id: 1, name: "Smartphone", price: 200, stock: 10 },
{ id: 2, name: "Laptop", price: 800, stock: 5 }
];
let cart = [ ];
let orders = [ ];এখন সিম্পল কয়েকটা কাজ করে ফেল।
টাস্ক-১: একটা addToCart ফাংশন লিখে ফেল। এইটার মধ্যে প্রোডাক্টের আইডি, আর কয়টা প্রোডাক্ট কিনতে চায়, সেই কোয়ান্টিটি দিবি। ভিতরে গিয়ে প্রথমে চেক করবি, এই আইডির প্রোডাক্ট আছে কি না। যদি থাকে তাহলে, কিছু কাজ করবি। আর যদি না থাকে, তাহলে "Product not found." এরর রিটার্ন করবি।
প্রোডাক্ট পাওয়া গেলে চেক করবি, প্রোডাক্টের যে কোয়ান্টিটি কিনতে চায়, সেই কোয়ান্টিটির সমান বা বেশি স্টকে আছে কি না। যদি থাকে, তাহলে প্রোডাক্টের স্টক থেকে অর্ডার কোয়ান্টিটির সংখ্যা কমাবে। তারপর একটা অবজেক্ট বানাবি, সেখানে প্রোডাক্ট আইডি, কোয়ান্টিটি এবং প্রাইস থাকবে। প্রাইস নিবি প্রোডাক্ট থেকে। তারপর এই অবজেক্টটা cart-এর মধ্যে যোগ করে দিবি। আর একটা টেমপ্লেট স্ট্রিং দিয়ে `${product.name} added to cart. Quantity: ${quantity}` লিখে সেটা রিটার্ন করবি।
টাস্ক-২: এইবার viewCart নামে একটা ফাংশন লিখে ফেল। এইটার কাজ হবে cart-এর মধ্যে যতগুলা আইটেম আছে। সেগুলাকে কনসোল লগ করবি।
টাস্ক-৩: শেষমেষ placeOrder নামে আরেকটা ফাংশন লিখ। এইটা চেক করবে cart-এর মধ্যে মিনিমাম একটা আইটেম আছে কি না। যদি না থাকে, তাহলে "Your cart is empty." লিখে রিটার্ন করে দিবি।
আর যদি cart-এর মধ্যে একটার বেশি আইটেম থাকে তাহলে লুপ করে cart এর মধ্যে যত আইটেম আছে। প্রত্যেকটার কোয়ান্টিটি এর সাথে দাম গুন্ করে গুনফল যোগ করে মোট কত টাকা দিতে হবে সেটা বের করবি।
এরপর একটা অবজেক্ট বানাবি, সেখানে টোটাল প্রাইস নামে একটা প্রোপার্টি থাকবে। সেটা oders অ্যারেতে যোগ করে দিবি। তারপর cart-এ যত আইটেম আছে, সব রিমুভ করে দিবি। এরপর "Order placed." রিটার্ন করে দিবি।