পৃষ্ঠাগুলি তৈরি করার সময়, কখনও কখনও এটি প্রয়োজনীয় হয় যে আপনি পৃষ্ঠাতে রাখা বোতামটি ক্লিক করার পরে, লেখক দ্বারা প্রোগ্রাম করা কিছু ইভেন্ট ব্রাউজারে ঘটে। এটি করার জন্য, আপনাকে উত্পন্ন নথিতে জাভাস্ক্রিপ্ট কোড রাখতে হবে এবং এটিকে প্রয়োজনীয় বোতামে আবদ্ধ করতে হবে। উদ্দেশ্যে করা ইভেন্টটি বাস্তবায়নের জন্য প্রয়োজনীয় কোডের পরিমাণের উপর নির্ভর করে আপনি কোডটিতে বোতামটি সংযোগ করার জন্য বিভিন্ন উপায় ব্যবহার করতে পারেন।
নির্দেশনা
ধাপ 1
প্রায়শই, জাভাস্ক্রিপ্ট কোড কলগুলি অনক্লিক ইভেন্টে আবদ্ধ হয়, যা বাম মাউস বোতামের ক্লিকের জন্য। যে ক্রিয়াটি হওয়ার দরকার তা বর্ণনা করতে যদি আপনার প্রচুর কোডের প্রয়োজন না হয় তবে এগুলি সবই সরাসরি বোতাম ট্যাগে স্থাপন করা যেতে পারে। উদাহরণস্বরূপ, যখন একটি বোতাম ক্লিক করা হয় তখন একটি সাধারণ বার্তা প্রদর্শন করতে ব্রাউজারটি প্রোগ্রাম করতে, জাভাস্ক্রিপ্ট স্ক্রিপ্টটি দেখতে এরকম হবে: সতর্কতা ('কোড কাজ করেছে!') এতে কেবল একটি বিবৃতি এবং পাঠ্য লাগে। এগুলি সহজেই বোতাম ট্যাগটির অন্লিক ইভেন্টের বিবরণে রাখা যেতে পারে। এই ক্ষেত্রে, পৃষ্ঠার সহজতম HTML কোডটি এর মতো দেখতে পাওয়া যাবে:
কোড সহ বাটন
কোড সহ বাটন
ধাপ ২
আরও জটিল জাভাস্ক্রিপ্ট কোডটি সরাসরি বোতাম ট্যাগে স্থাপন করা ব্যবহারিক নয়। এটির বাইরে আলাদা ফাংশন করা সহজ, এবং অনক্লিক ইভেন্টে এর কলটি রাখা। উদাহরণস্বরূপ, এটি কোনও ফাংশনের মতো দেখতে পারে যা বোতাম ক্লিকের সময়যুক্ত উইন্ডো দেখায়: ফাংশন getTime () {
var now = নতুন তারিখ ();
সতর্কতা ("কোডটি এখন" + কাজ করেছে get এখনই। ঘন্টাগুলি () + ":" + এখন getgetMinutes ());
} এটি পৃষ্ঠার শিরোনামে রাখা উচিত (ট্যাগ এবং ট্যাগগুলির মধ্যে)। বোতামের সাথে আবদ্ধ এই ফাংশনটিতে একটি কল সহ পৃষ্ঠাটির সম্পূর্ণ কোডটি দেখতে দেখতে এটি দেখতে পারে:
ফাংশন কল বোতাম
ফাংশন getTime () {
var now = নতুন তারিখ ();
সতর্কতা ("কোডটি এখন" + কাজ করেছে get এখনই। ঘন্টাগুলি () + ":" + এখন getgetMinutes ());
}
ফাংশন কল বোতাম
ধাপ 3
বিভিন্ন জাতির বিভিন্ন বোতামে ক্লিক করার সময় একই পদ্ধতি ব্যবহার করা উচিত যা একই জাভাস্ক্রিপ্ট কোড দিয়ে বর্ণনা করা যেতে পারে raise উদাহরণস্বরূপ, বার্তা বাক্সে চাপযুক্ত বোতামটির সনাক্তকরণ যুক্ত করতে আপনি আগের ফাংশনটি কিছুটা সংশোধন করতে পারেন: ফাংশন গেটটাইম (বিটিএনস্ট্রিং) {
var now = নতুন তারিখ ();
সতর্কতা (বিটিএনস্ট্রিং + "এখন ক্লিক করা" + এখনই। বেজস আওয়ারস () + ":" + এখন.সেটমেটস ());
Such এই জাতীয় তিনটি বোতামের একটি পৃষ্ঠার সম্পূর্ণ কোডটি দেখতে এই জাতীয় হতে পারে:
একটি ফাংশন কল সহ তিনটি বোতাম
ফাংশন getTime (বিটিএনস্ট্রিং) {
var now = নতুন তারিখ ();
সতর্কতা (বিটিএনস্ট্রিং + "এখন ক্লিক করা" + এখনই। বেজস আওয়ারস () + ":" + এখন.সেটমেটস ());
}
প্রথম বোতাম
দ্বিতীয় বোতাম
তৃতীয় বোতাম
