কীভাবে একটি বোতামে কোড প্রবেশ করানো যায়

সুচিপত্র:

কীভাবে একটি বোতামে কোড প্রবেশ করানো যায়
কীভাবে একটি বোতামে কোড প্রবেশ করানো যায়

ভিডিও: কীভাবে একটি বোতামে কোড প্রবেশ করানো যায়

ভিডিও: কীভাবে একটি বোতামে কোড প্রবেশ করানো যায়
ভিডিও: HTML কিভাবে বোতাম যোগ করতে হয় 🛎️ #9 2024, মে
Anonim

ওয়েব পৃষ্ঠাগুলিতে বোতামগুলি ইন্টারেক্টিভ ব্যবহারকারীর অভিজ্ঞতা সরবরাহ করতে ব্যবহৃত হয়। একটি নিয়ম হিসাবে, যদি একটি বোতাম ক্লিকের প্রতিক্রিয়াটির জন্য সার্ভারে ডেটা প্রেরণের প্রয়োজন হয় না, তবে জাভাস্ক্রিপ্ট স্ক্রিপ্টগুলি ব্যবহার করে ইন্টারঅ্যাকশনটি কার্যকর করা হবে। সংশ্লিষ্ট জাভাস্ক্রিপ্ট কোডটি চাওয়ার পদ্ধতিগুলি পৃথক হতে পারে - নীচে বিভিন্ন ধরণের বোতামের জন্য কয়েকটি সম্ভাব্য বিকল্প রয়েছে।

কীভাবে একটি বোতামে কোড প্রবেশ করানো যায়
কীভাবে একটি বোতামে কোড প্রবেশ করানো যায়

নির্দেশনা

ধাপ 1

যদি কোনও ওয়েব পৃষ্ঠায় একটি বোতামের প্রদর্শনটি বোতাম ট্যাগ ব্যবহার করে সংগঠিত করা হয়, তবে জাভাস্ক্রিপ্ট কোডটি অনক্লিক বৈশিষ্ট্যে স্থাপন করা যেতে পারে। উদাহরণস্বরূপ, এটির মতো: বোতাম অবশ্যই বড় পরিমাণের কোডটি সরাসরি বোতাম ট্যাগে রাখার পরামর্শ দেওয়া হয় না - এটি একটি ফাংশন হিসাবে নকশা করা আরও ভাল, এবং এই ক্রিয়াকে অনক্লিক বৈশিষ্ট্যে কল করার জন্য কেবল কোডটি রেখে দেওয়া put উদাহরণ স্বরূপ:

ফাংশন শো অ্যালার্ট () {

সতর্কতা ('বোতাম ক্লিক করা!')

}

বোতাম

ধাপ ২

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

ধাপ 3

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

পদক্ষেপ 4

যদি বোতামটি কোনও ফর্ম উপাদান নয়, তবে কেবল একটি গ্রাফিক উপাদান (img ট্যাগ) হয়, তবে এর জন্য মানদণ্ডগুলি অনক্লিক বৈশিষ্ট্যটি ব্যবহারের অনুমতি দেয়। উদাহরণ স্বরূপ:

পদক্ষেপ 5

যদি বোতামটি হাইপারলিংক হয় তবে আপনার নিজেরাই বোতামটির বৈশিষ্ট্যগুলি ব্যবহার করা উচিত নয়; লিংক ট্যাগের বৈশিষ্ট্যগুলি ব্যবহার করা ভাল। আপনি আগের বিকল্পগুলির মতো অনক্লিক ট্যাগ ব্যবহার করতে পারেন। উদাহরণস্বরূপ: এবং আপনি href বৈশিষ্ট্যে ঠিকানাটি একটি ফাংশন কল দিয়ে প্রতিস্থাপন করতে পারেন। উদাহরণস্বরূপ, এটি পছন্দ করুন:

প্রস্তাবিত: