জাভাস্ক্রিপ্টে এলিমেন্ট পরিবর্তনের উপর অনুশীলন

একটি অ্যারে দেওয়া আছে। এটিকে একটি ul তালিকা আকারে প্রদর্শন করুন।

পূর্ববর্তী সমস্যাটি এমনভাবে পরিবর্তন করুন যাতে যেকোনো li-তে ক্লিক করলে সেখানে একটি ইনপুট উপস্থিত হয়, যার সাহায্যে এটিকে সম্পাদনা করা যাবে।

পূর্ববর্তী সমস্যাটি এমনভাবে পরিবর্তন করুন যাতে তালিকার নিচে একটি ইনপুট থাকে, যার সাহায্যে ul তালিকার শেষে একটি নতুন আইটেম যোগ করা যাবে। নতুন li গুলিকেও সম্পাদনা করা যায় তা নিশ্চিত করুন।

পূর্ববর্তী সমস্যাটি এমনভাবে পরিবর্তন করুন যাতে প্রতিটি li-এর শেষে একটি 'delete' লিঙ্ক থাকে, যার সাহায্যে এই li টি ul থেকে মুছে ফেলা যাবে।

পূর্ববর্তী সমস্যাটি এমনভাবে পরিবর্তন করুন যাতে প্রতিটি li-এর শেষে একটি 'cross out' লিঙ্ক থাকে, যার সাহায্যে এই li ট্যাগের টেক্সটটিকে কাটা যাবে।

অবজেক্টের অ্যারে এবং টেবিল

নিম্নলিখিত কর্মচারীদের অ্যারে দেওয়া আছে:

let employees = [
	{name: 'employee1', age: 30, salary: 400},
	{name: 'employee2', age: 31, salary: 500},
	{name: 'employee3', age: 32, salary: 600},
];

এই কর্মচারীদের একটি HTML টেবিলে প্রদর্শন করুন।

তৈরি করা টেবিলের সেলগুলিকে সম্পাদনা করার ক্ষমতা যোগ করুন।

আপনার টেবিলে টেবিল থেকে সারি মুছে ফেলার জন্য একটি নতুন কলাম যোগ করুন।

টেবিলের নিচে 3টি ইনপুট এবং একটি নতুন কর্মচারী যোগ করার জন্য একটি বাটন তৈরি করুন। ইনপুটগুলিতে নাম, বয়স এবং বেতন লিখতে দিন, এবং বাটনে ক্লিক করলে নতুন কর্মচারী টেবিলে যোগ হোক। নতুন যোগ করা কর্মচারীদের সেল সম্পাদনার ক্ষমতা বাস্তবায়ন করুন।

অবজেক্টের অ্যারে এবং তালিকা

নিম্নলিখিত কর্মচারীদের অ্যারে দেওয়া আছে:

let employees = [
	{name: 'employee1', age: 30, salary: 400},
	{name: 'employee2', age: 31, salary: 500},
	{name: 'employee3', age: 32, salary: 600},
];

প্রতিটি কর্মচারীকে তাদের নিজস্ব li ট্যাগে ul ট্যাগের মধ্যে প্রদর্শন করুন।

এটি এমনভাবে তৈরি করুন যাতে কর্মচারীর নাম, বয়স বা বেতনে ক্লিক করলে সেই ফিল্ডটি সম্পাদনার জন্য একটি ইনপুট উপস্থিত হয়।

প্রতিটি li ট্যাগের শেষে তালিকা থেকে এই li টি মুছে ফেলার জন্য একটি লিঙ্ক যোগ করুন।

তালিকার নিচে একটি নতুন কর্মচারী যোগ করার জন্য একটি ফর্ম তৈরি করুন।