জাভাস্ক্রিপ্ট ব্যবহার করে এইচটিএমএল বোতাম কীভাবে নিষ্ক্রিয় করবেন

Jabhaskripta Byabahara Kare E Icati Ema Ela Botama Kibhabe Niskriya Karabena



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

এই নিবন্ধটি জাভাস্ক্রিপ্টে এইচটিএমএল বোতাম নিষ্ক্রিয় করার পদ্ধতিটি ব্যাখ্যা করবে।

জাভাস্ক্রিপ্ট ব্যবহার করে এইচটিএমএল বোতাম কীভাবে নিষ্ক্রিয় করবেন?

জাভাস্ক্রিপ্ট ব্যবহার করে একটি HTML বোতাম নিষ্ক্রিয় করতে, ব্যবহার করুন “ অক্ষম ” বোতাম উপাদানের বৈশিষ্ট্য। এইচটিএমএল 'অক্ষম' বৈশিষ্ট্য ব্যবহার করে বোতামটি অক্ষম করা হয়েছে, তবে এটি স্থায়ীভাবে নিষ্ক্রিয় হবে এবং আপনি এটি পুনরায় সক্ষম করতে পারবেন না। জাভাস্ক্রিপ্ট ব্যবহার করার সময়, 'অক্ষম' বৈশিষ্ট্য নিষ্ক্রিয় করা যেতে পারে এবং গতিশীলভাবে বোতামটি সক্রিয় করা যেতে পারে।







বাক্য গঠন
প্রদত্ত সিনট্যাক্সটি বোতামটি নিষ্ক্রিয় করার জন্য ব্যবহার করা হয়:



বাটন অবজেক্ট। অক্ষম

উদাহরণ 1: বোতামটি নিষ্ক্রিয় করুন
একটি HTML ফাইলে একটি বোতাম তৈরি করুন এবং একটি আইডি বরাদ্দ করুন “ বোতাম যা এই বোতামটি অ্যাক্সেস করতে সাহায্য করবে:



< বোতাম আইডি = 'বোতাম' > বোতাম বোতাম >

একটি জাভাস্ক্রিপ্ট ফাইলে এইচটিএমএল বোতাম আনুন, 'এর সাহায্যে তাদের নির্ধারিত আইডি ব্যবহার করে getElementById() 'পদ্ধতি:





ছিল বোতাম = নথি getElementById ( 'বোতাম' ) ;

সম্পত্তি সেট করুন ' অক্ষম ' প্রতি ' সত্য ”:

বোতাম অক্ষম = সত্য ;

আপনি দেখতে পাচ্ছেন, আউটপুটে বোতামটি নিষ্ক্রিয় করা হয়েছে:



উদাহরণ 2: ক্লিক ইভেন্টে বোতামটি নিষ্ক্রিয় করুন
এখানে, আমরা এটিতে ক্লিক করার সময় বোতামটি নিষ্ক্রিয় করব। প্রথমে, নির্ধারিত আইডি ব্যবহার করে বোতামটির রেফারেন্স পান:

ছিল বোতাম = নথি getElementById ( 'বোতাম' ) ;

কল করুন ' AddEventListener() সংযুক্ত করে 'পদ্ধতি' ক্লিক 'ইভেন্ট, যা নিষ্ক্রিয় সম্পত্তি সেট করবে' সত্য ' বোতামে ক্লিক করার সময়:

বোতাম AddEventListener ( 'ক্লিক' , ফাংশন ( ) {
যদি ( বোতাম অক্ষম ) {
বোতাম অক্ষম = মিথ্যা ;
}
অন্য {
বোতাম অক্ষম = সত্য ;
}
} ) ;

এটি লক্ষ্য করা যায় যে বোতামে ক্লিক করার সময়, এটি নিষ্ক্রিয় হয়ে যায়:

এটি জাভাস্ক্রিপ্টে অক্ষম করার বোতাম সম্পর্কে ছিল।

উপসংহার

জাভাস্ক্রিপ্টে এইচটিএমএল বোতামটি নিষ্ক্রিয় করতে, ' অক্ষম ” বোতাম উপাদানের বৈশিষ্ট্য। এটি বোতামটিকে গতিশীলভাবে সক্রিয় বা নিষ্ক্রিয় করতে সাহায্য করে যখন HTML 'অক্ষম' বৈশিষ্ট্যটি বোতামটিকে স্থায়ীভাবে নিষ্ক্রিয় করে। এই নিবন্ধটি জাভাস্ক্রিপ্টে এইচটিএমএল বোতাম নিষ্ক্রিয় করার পদ্ধতিটি চিত্রিত করেছে।