মাহার ক্যাফেতে কফি আর কোডের কেমিস্ট্রি পর্ব - ২

 অর্ডার ম্যানেজমেন্ট: কফির সাথে কোডিংয়ের নতুন সমাধান

ফিরে দেখা, মাহা এখন তার ডিজিটাল ক্যাফে চালানোর জন্য প্রস্তুত। সে বুঝতে পেরেছে যে, শুধুমাত্র অর্ডার গ্রহণ করা, কফির তালিকা এবং ইভেন্টের তথ্য জানানোই যথেষ্ট নয়। তাকে আরও কিছু নতুন ফিচার যথাক্রমে, কফির দাম এবং মোট অর্ডার হিসাব করা, গ্রাহকের ফিডব্যাক নেওয়া এবং কুপন সিস্টেম যুক্ত করতে হবে যাতে গ্রাহকদের এক্সপিরিয়েন্স আরও উন্নত হয়।

সকল পর্ব এখানে দেখুন –

• মাহার ক্যাফেতে কফি আর কোডের কেমিস্ট্রি
• মাহার ক্যাফেতে কফি আর কোডের কেমিস্ট্রি পর্ব– ২
• মাহার ক্যাফেতে কফি আর কোডের কেমিস্ট্রি পর্ব– ৩
• মাহার ক্যাফেতে কফি আর কোডের কেমিস্ট্রি পর্ব– ৪
• মাহার ক্যাফেতে কফি আর কোডের কেমিস্ট্রি পর্ব– ৫
• মাহার ক্যাফেতে কফি আর কোডের কেমিস্ট্রি পর্ব– ৬

JavaScript এর মাধ্যমে সমস্যা সমাধান

 

কফির দাম এবং মোট অর্ডার হিসাব করা -

মাহা তার কফির তালিকায় দাম যোগ করতে চায়। এতে গ্রাহকরা সহজেই তাদের অর্ডার সম্পর্কে ধারণা পাবে। সে একটি অবজেক্ট ব্যবহার করে দামগুলো সংরক্ষণ করলো –

const coffeePrices = {
  এস্প্রেসো: 100,
  ল্যাটে: 150,
  ক্যাপুচিনো: 200,
  ফ্ল্যাট হোয়াইট: 180,
};

এরপর, গ্রাহক যখন একটি কফি অর্ডার করে, তখন মাহা JavaScript ব্যবহার করে মোট মূল্য হিসাব করবে এবং গ্রাহক কে দেখাবে –

document
  .getElementById("orderForm")
  .addEventListener("submit", function (event) {
    event.preventDefault();
    let item = document.getElementById("item").value;
    let price = coffeePrices[item] || 0;
    document.getElementById(
      "orderSummary"
    ).innerText = `আপনার অর্ডার: ${item} | মূল্য: ${price} টাকা`;
  });

ফিডব্যাক ফিচার -

মাহা গ্রাহকদের কাছ থেকে ফিডব্যাক নিতে চায়। সে একটি ফিডব্যাক ফর্ম তৈরি করলো -

<form id="feedbackForm">
  <label for="feedback">আপনার ফিডব্যাক দিন:</label>
  <textarea id="feedback" required></textarea>
  <button type="submit">জমা দিন</button>
</form>
<div id="feedbackSummary"></div>

JavaScript এর সাহায্যে, ফিডব্যাক জমা দেওয়ার পরে তা দেখানো হবে –

document.getElementById("feedbackForm").addEventListener("submit", function(event) {
    event.preventDefault();
    let feedback = document.getElementById("feedback").value;
    document.getElementById("feedbackSummary").innerText = `আপনার ফিডব্যাক: ${feedback}`;
    document.getElementById("feedback").value = ''; // ফর্ম ক্লিয়ার করা
});

কুপন সিস্টেম -

মাহা চায় গ্রাহকদের জন্য বিশেষ ছাড় দিতে। সে একটি কুপন সিস্টেম যুক্ত করলো। গ্রাহক যখন কুপন কোড প্রবেশ করবে, তখন ২০% ছাড় পাওয়া যাবে –

<label for="coupon">কুপন কোড:</label>
<input type="text" id="coupon">
<button id="applyCoupon">এপ্লাই করুন</button>

JavaScript কোড 

document.getElementById("applyCoupon").addEventListener("click", function () {
  let coupon = document.getElementById("coupon").value;
  if (coupon === "DISCOUNT20") {
    alert("কুপন সফলভাবে প্রয়োগ করা হয়েছে! আপনি ২০% ছাড় পাবেন।");
  } else {
    alert("ভুল কুপন কোড।");
  }
});

ফলাফল, মাহার ডিজিটাল ক্যাফে এখন আরও ইন্টারঅ্যাকটিভ এবং ব্যবহারকারী-বান্ধব। গ্রাহকরা কফির দাম এবং মোট অর্ডার জানতে পারছে, ফিডব্যাক দিতে পারছে এবং কুপন ব্যবহার করে ছাড়ও পেতে পারছে।

শেষকথা, JavaScript মাহার ডিজিটাল ক্যাফের ওয়েবসাইটকে একটি শক্তিশালী টুলে পরিণত করেছে। এটি তার প্রজেক্টকে জীবন্ত করে তুলেছে এবং গ্রাহকদের অভিজ্ঞতাকে উন্নত করেছে। মাহা শিখলো যে JavaScript কিভাবে ব্যবসায়িক চিন্তাভাবনাকে বাস্তবে রূপ দেওয়ার জন্য একটি কার্যকরী মাধ্যম হতে পারে। এভাবে, মাহা তার ক্যাফে পরিচালনার জন্য JavaScript এর মাধ্যমে ডিজিটাল দুনিয়ায় একটি নতুন দিগন্তের সুচনা করল। (চলমান…..)

 

“গল্পে গল্পে প্রোগ্রামিং শিখুন” আমাদের ওয়েবসাইটটি বুকমার্ক করে রাখুন! গল্পটি উপভোগ করলে বন্ধুরা যাতে মিস না করে, সেটি শেয়ার করতে ভুলবেন না। আর, লাইক ও কমেন্ট করে আমাদের জানাতে ভুলবেন না যেন।