এই পোস্টে জাভাস্ক্রিপ্ট অবজেক্টের একটি অ্যারেতে একটি অবজেক্ট আইডি খোঁজার পদ্ধতি বলা হয়েছে।
জাভাস্ক্রিপ্ট এ append() পদ্ধতি কি?
দ্য ' সংযোজন() জাভাস্ক্রিপ্টের পদ্ধতিটি উপাদানের শেষে উপাদান বা স্ট্রিং অবজেক্ট সন্নিবেশ করার জন্য ব্যবহার করা হয়। উপাদানের শেষে নির্দিষ্ট অবস্থানে প্রয়োজনীয় উপাদান যোগ করার জন্য এটি সবচেয়ে দরকারী পদ্ধতিগুলির মধ্যে একটি।
কিভাবে জাভাস্ক্রিপ্টে append() পদ্ধতি ব্যবহার করবেন?
জাভাস্ক্রিপ্টে append() ফাংশনটি ব্যবহার করতে, নীচে উল্লিখিত সিনট্যাক্স অনুসরণ করুন:
d ( নির্বাচক ) . সংযোজন ( বিষয়বস্তু, ফাংশন ( সূচক, html ) )
এখানে:
- ' নির্বাচক ” হল HTML উপাদান যা অ্যাক্সেস করা হয়।
- ' সংযোজন() ” পদ্ধতিটি উপাদান যুক্ত করতে ব্যবহৃত হয়।
- ' বিষয়বস্তু ” হল প্রয়োজনীয় প্যারামিটার, যা সংযোজন করার জন্য ডেটা সামগ্রী নির্ধারণ করে।
- ' ফাংশন() ” একটি ঐচ্ছিক উপাদান।
উদাহরণ 1: অনুচ্ছেদে একই উপাদান যোগ করুন
অনুচ্ছেদে একই উপাদান যুক্ত করতে, প্রথমে প্রাসঙ্গিক HTML পৃষ্ঠা খুলুন এবং ' ট্যাগের মধ্যে ডেটা এম্বেড করতে ট্যাগ করুন। উপরন্তু, একটি বরাদ্দ করুন ' আইডি জাভাস্ক্রিপ্টে এটি অ্যাক্সেস করতে অনুচ্ছেদে যান:
< পি আইডি = 'উপাদান' > Linuxhint-এ স্বাগতম পি >
এর পরে, 'এর সাহায্যে একটি বোতাম তৈরি করুন <বোতাম> ' উপাদান এবং ' ব্যবহার করুন ক্লাস ” বৈশিষ্ট্য একটি নির্দিষ্ট নাম নির্দিষ্ট করতে এবং বোতামে প্রদর্শন করার জন্য বোতাম উপাদান সহ পাঠ্য এম্বেড করুন:
< বোতাম ক্লাস = 'বিটিএন' > উপাদান যোগ করুন বোতাম >এখন, ব্যবহার করুন ' জাভাস্ক্রিপ্ট কোড যোগ করতে ট্যাগ:
< লিপি >
$ ( নথি ) . প্রস্তুত ( ফাংশন ( ) {
$ ( '.btn' ) . ক্লিক ( ফাংশন ( ) {
$ ( '# উপাদান' ) . সংযোজন ( 'বোতাম ক্লিকে পাঠ্য যোগ করুন' ) ;
} ) ;
} ) ;
লিপি >
প্রদত্ত কোড অনুযায়ী:
- ' প্রস্তুত() ” পদ্ধতিটি একটি ফাংশন উপলব্ধ করার জন্য ব্যবহার করা হয় যখন ডকুমেন্টটি স্ক্রিনে সফলভাবে লোড হয়। এটি করতে, পাস করুন ' ফাংশন() প্যারামিটার হিসাবে ' পদ্ধতি।
- ' ক্লিক() ব্যবহারকারী যখন এইচটিএমএল বোতাম উপাদানটিতে ক্লিক করেন তখন পদ্ধতিটি চালু হয়। ব্যবহারকারী যখন বোতামে আঘাত করে তখন এই পদ্ধতিটি ক্লিকের কার্য সম্পাদন নির্ধারণ করে।
- ' সংযোজন() ' পদ্ধতি কার্যকর করার পরে বস্তুর একটি সেট সন্নিবেশ করায় ' ক্লিক() 'পদ্ধতি। সেই উদ্দেশ্যে, যে পাঠ্যটি সংযুক্ত করতে হবে তা পাস করুন।
আউটপুট
উদাহরণ 2: তালিকা আকারে বিভিন্ন উপাদান যুক্ত করুন
আপনি একটি তালিকা আকারে বিভিন্ন উপাদান যোগ করতে পারেন. এটি করার জন্য, একটি HTML পৃষ্ঠা তৈরি করুন এবং 'এর সাহায্যে পাঠ্য এম্বেড করুন ট্যাগ:
< পি আইডি = 'সংযোজন' > জাভাস্ক্রিপ্ট যোগ করুন ( ) ফাংশন পি >ব্যবহার করে একটি বোতাম তৈরি করুন ' <বোতাম> ' উপাদান এবং ' ব্যবহার করুন অনক্লিক ” যে ঘটনা ঘটে যখন একজন ব্যবহারকারী একটি HTML উপাদানে ক্লিক করে:
< বোতামে ক্লিক করুন = 'func()' > উপাদান যোগ করুন বোতাম >একটি ডিভ কন্টেইনার তৈরি করুন এবং ' ব্যবহার করে সেই পাত্রে একটি আইডি বরাদ্দ করুন আইডি ” বৈশিষ্ট্য। এর পরে, 'এর সাহায্যে উপাদানগুলি যোগ করুন ট্যাগ:
< ডিভি আইডি = 'আরো-উপাদান' >< পি > উপাদান 1 পি >
< পি > উপাদান 2 পি >
div >
এর পরে, ' ট্যাগ করুন এবং ট্যাগের মধ্যে নিম্নলিখিত কোড যোগ করুন:
< লিপি >var উপাদান সংখ্যা = 3 ;
ফাংশন ফাংশন ( ) {
একজন অভিভাবক ছিলেন = নথি getElementById ( 'আরো-উপাদান' ) ;
নতুন এলিমেন্ট ছিল = '
উপাদান'
+ উপাদান সংখ্যা + '' ;অভিভাবক সন্নিবেশসংলগ্ন HTML ( 'আগে' , এবং উপাদান ) ;
উপাদান সংখ্যা ++;
}
লিপি >
উপরে বর্ণিত কোডে:
- ' ব্যবহার করে একটি পরিবর্তনশীল ঘোষণা করুন ছিল কিওয়ার্ড এবং আপনার পছন্দ অনুযায়ী এটি একটি মান নির্ধারণ করুন.
- একটি ফাংশন সংজ্ঞায়িত করুন এবং একটি নির্দিষ্ট নামের সাথে সংজ্ঞায়িত ফাংশনের ভিতরে অন্য একটি ভেরিয়েবল শুরু করুন।
- তারপর, আহ্বান করুন ' getElementById() ' জাভাস্ক্রিপ্ট পদ্ধতি উপাদান অ্যাক্সেস এবং প্যারামিটার হিসাবে id মান পাস.
- ' সন্নিবেশসংলগ্ন HTML() ” পদ্ধতিটি একটি নির্দিষ্ট অবস্থানে HTML কোড যোগ করার জন্য এবং একে অপরের সংলগ্ন উপাদান যোগ করার জন্য ব্যবহার করা হয়।
- এলিমেন্টে ইনক্রিমেন্ট করতে ইনক্রিমেন্ট অপারেটর ব্যবহার করুন:
আপনি বিভিন্ন উদাহরণ সহ জাভাস্ক্রিপ্টে append() পদ্ধতির ব্যবহার সম্পর্কে শিখেছেন।
উপসংহার
' সংযোজন() ” একটি জাভাস্ক্রিপ্ট পদ্ধতি যা সংজ্ঞায়িত উপাদানের শেষে উপাদান এবং বস্তু সন্নিবেশ করার জন্য ব্যবহার করা হয়। আপনি অনুচ্ছেদ এবং তালিকা আকারে একই উপাদান এবং বিভিন্ন উপাদান যোগ করতে পারেন। আরও নির্দিষ্টভাবে, এটি একটি বোতাম ক্লিকে ট্রিগার করা যেতে পারে। এই পোস্টটি জাভাস্ক্রিপ্টে append() পদ্ধতি প্রদর্শন করেছে।