Dreamweaver দিয়ে ওয়েব ডিজাইন – ৯ (java script)

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

এই কাজটি করতে হলে পূর্বের বাটন এর মতই হেড ও বডিতে কোড লিখতে হবে । চিত্র গুলো দেখুন তবে সহজে আপনিও পারবেন ।

এবার আমরা দেখব কিভাবে আমরা একটি কাউন্টার বানাতে পারি । এটি ও খুব কঠিন হবেনা । স্টার্ট কাউন্ট বাটনে ক্লিক করলে ১.২.৩.৪ এভাবে গননা দেখতে পাবেন আপনার কাউন্ট বক্স এ । আমি এর কোড টুকু দিয়েদিচ্ছি ।

একটি প্রশ্ন –
আপনাদের একটু চিন্তা ভাবনার জন্য প্রশ্ন করছি ? মনে করুন কাউন্টার বাটনে ক্লিক করলাম । স্টার্ট কাউন্ট লেখাটি পরিবর্তন হয়ে স্টপ কাউন্ট লেখাটি বাটনে ভেসে উঠবে । স্টপ কাউন্ট বাটনে ক্লিক করলে কাউন্ট বন্ধ হয়ে যাবে ? এমন করতে হলে কোড টি কি হবে ?

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