Practical Debugging

সমস্যাটা কী?

কুপন কোড “EID10” দিলে ১০% ছাড় পাওয়ার কথা। একজন গ্রাহক অভিযোগ করলেন ১০০০ টাকার অর্ডারে তিনি ১০০ টাকা ছাড় পেয়েছেন—ঠিক আছে। আরেকজন বললেন তার ক্ষেত্রে পেজই খুলছে না। কোড দেখে কিছুই বোঝা যাচ্ছে না। কোথা থেকে শুরু করবেন?

শেখার লক্ষ্য

• এরর বার্তার ধরন (SyntaxError, ReferenceError, TypeError) থেকে সম্ভাব্য কারণ বলতে পারবেন
• অনুমান → পরীক্ষা চক্র দিয়ে নীরব (silent) বাগ খুঁজে পেতে পারবেন
• মধ্যবর্তী মান ছাপিয়ে ও ছোট ইনপুট দিয়ে সমস্যা আলাদা করতে পারবেন

আনুমানিক সময়: 30 মিনিট

পূর্বশর্ত

• JSON, Async/Await ও Errors

ব্যাখ্যা

1. পুনরুৎপাদন: ঠিক কোন ইনপুটে সমস্যা হয় তা খুঁজুন। “কখনো কখনো ভুল” থেকে “কুপন ছোট হাতের অক্ষরে দিলে ভুল”—এটাই অর্ধেক সমাধান।
2. এরর বার্তা পড়ুন: ধরন + বার্তা। নিচের টেবিল দেখুন।
3. অনুমান করুন: “আমার ধারণা discount undefined”।
4. পরীক্ষা করুন: সন্দেহের জায়গার ঠিক আগে console.log("discount =", discount)।
5. ছোট করুন: ১০০টি অর্ডারের বদলে একটি অর্ডার, একটি কুপন দিয়ে চালান।
6. ঠিক করুন ও আবার পরীক্ষা করুন: আগের সফল ইনপুটগুলোও যেন ঠিক থাকে।

সবচেয়ে বিপজ্জনক বাগ শেষ সারিটি—কোনো এরর নেই, শুধু ভুল সংখ্যা। ML কোডে এটা খুব সাধারণ: মডেল “চলছে” কিন্তু শিখছে না। এজন্য প্রত্যাশিত মান আগে থেকে হাতে হিসাব করে রাখা জরুরি।

উপমা — এবং কোথায় ভাঙে

উপমা: Debugging হলো ডাক্তারের রোগ নির্ণয়: উপসর্গ (এরর) শুনে অনুমান, পরীক্ষা (console.log), ফল দেখে অনুমান বাদ বা নিশ্চিত।

কোথায় ভাঙে: ডাক্তার রোগীর ওপর ইচ্ছামতো পরীক্ষা চালাতে পারেন না; প্রোগ্রামে আপনি একই ইনপুট হাজারবার চালাতে পারেন, ইনপুট বদলাতে পারেন—এই সুবিধা পুরোপুরি ব্যবহার করুন।

ধাপে ধাপে উদাহরণ

বাগ ১ (নীরব): applyCoupon(1000, "eid10") → ১০০০ (ছাড় নেই)। প্রত্যাশা ৯০০।

1. অনুমান: কুপন খোঁজা ব্যর্থ। পরীক্ষা: console.log(coupons[code]) → undefined।
2. কারণ: coupons-এ key "EID10" (বড় হাতের), ইনপুট "eid10"। object key case-sensitive।
3. সমাধান: code.toUpperCase().trim() দিয়ে স্বাভাবিক করা।

বাগ ২ (এরর): applyCoupon(1000) (কুপন ছাড়া) → TypeError: cannot read property 'toUpperCase' of undefined।

1. বার্তা পড়ি: undefined-এর ওপর toUpperCase। কোন মান undefined? code।
2. কারণ: কুপন ঐচ্ছিক, কিন্তু কোড ধরে নিয়েছে সবসময় আছে।
3. সমাধান: শুরুতে if (!code) return total;।

অনুশীলন / অ্যাক্টিভিটি

ডিসকাউন্ট ক্যালকুলেটর — দুটি বাগ খুঁজুন

const coupons = { EID10: 10, NEW50: 50 };   // শতাংশ

function applyCoupon(total, code) {
  const key = code.trim();
  const percent = coupons[key];
  const discount = total * percent / 100;
  return total - discount;
}

console.log("EID10:", applyCoupon(1000, "EID10"));   // 900
console.log("eid10:", applyCoupon(1000, "eid10"));   // 900 হওয়া উচিত
console.log("ভুল কোড:", applyCoupon(1000, "XYZ"));   // 1000 হওয়া উচিত
console.log("কুপন নেই:", applyCoupon(1000));         // 1000 হওয়া উচিত

সাধারণ ভুল

• এরর বার্তা না পড়ে কোড এলোমেলোভাবে বদলানো
• একসাথে অনেক কিছু বদলানো—কোনটিতে কাজ হলো বোঝা যায় না
• শুধু “সুখী পথ” (সঠিক ইনপুট) পরীক্ষা করা
• debug লাইন রেখে দেওয়া যা ব্যক্তিগত তথ্য ছাপে

জ্ঞান যাচাই

নিচের 3টি প্রশ্নের উত্তর দিয়ে “জমা দিন” চাপুন। স্কোর সার্ভারে যাচাই হয়; প্রতিটি উত্তরের পর কেন সঠিক বা ভুল তা দেখাবে। লগইন থাকলে ফল আপনার অগ্রগতিতে সংরক্ষিত হয়।

সংক্ষেপে মনে রাখুন

• debugging একটি পদ্ধতি, অনুমানের খেলা নয়
• এরর ধরন কারণ খোঁজার দিক দেখায়
• নীরব বাগ সবচেয়ে বিপজ্জনক—প্রত্যাশিত মান লিখে রাখুন

পরবর্তী পাঠ

অধ্যায় ২-এর সব দক্ষতা একসাথে—প্রজেক্ট: প্রজেক্ট: Rule-based Support Assistant

সূত্র ও যাচাই

• MDN — What went wrong? Troubleshooting JavaScript
• MDN — JavaScript error reference
• MDN — Control flow and error handling

যাচাইয়ের তারিখ: 2026-10-19; লেখক: Muhibbullah Ansary। এই পাঠের 1টি JavaScript উদাহরণ বিল্ডের সময় সাইটের একই QuickJS রানারে চালানো হয়েছে এবং প্রত্যাশিত আউটপুট মিলেছে; সংখ্যাগত ফলাফল আলাদা assertion দিয়ে (floating-point tolerance সহ) পরীক্ষিত। স্বাধীন বিশেষজ্ঞ রিভিউ এখনও হয়নি; ভুল পেলে যোগাযোগ পাতায় জানান।