কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে আনঅর্ডার্ড লিস্ট (UL)-এ নতুন লাইন যোগ করা


আনঅর্ডার্ড লিস্টে নতুন লাইন যোগ করতে, document.querySelector().append() ব্যবহার করুন। কোডটি নিচে দেওয়া হল:

উদাহরণ

 

     Document       

Adding Name Demo

List Of Name

    উপরোক্ত প্রোগ্রাম চালাতে, ফাইলের নাম "anyName.html(index.html)" হিসেবে সংরক্ষণ করুন এবং ফাইলটিতে ডান ক্লিক করুন। VS Code এডিটরে "Open with Live Server" অপশনটি নির্বাচন করুন।

    আউটপুট

    এটি নিচের আউটপুট দেবে:

    জাভাস্ক্রিপ্টে আনঅর্ডার্ড লিস্ট (UL)-এ নতুন লাইন যোগ করা

    এখানে, আমি টেক্সট বক্সে মান লিখছি, উদাহরণস্বরূপ নাম 'John':

    জাভাস্ক্রিপ্টে আনঅর্ডার্ড লিস্ট (UL)-এ নতুন লাইন যোগ করা

    তারপর, Save বাটনে ক্লিক করুন। Save বাটনে ক্লিক করার পর আউটপুট নিচে দেওয়া হল:

    জাভাস্ক্রিপ্টে আনঅর্ডার্ড লিস্ট (UL)-এ নতুন লাইন যোগ করা

    আরেকবার, আমি 'Bob' নাম লিখলাম। এখন আপডেটেড আউটপুট নিচে দেওয়া হল:

    জাভাস্ক্রিপ্টে আনঅর্ডার্ড লিস্ট (UL)-এ নতুন লাইন যোগ করা

    Save বাটনে ক্লিক করার পর, আউটপুট নিচে দেওয়া হল:

    জাভাস্ক্রিপ্টে আনঅর্ডার্ড লিস্ট (UL)-এ নতুন লাইন যোগ করা


    1. জাভাস্ক্রিপ্ট দিয়ে এলিমেন্টে ক্লাস নাম যোগ করা

    2. জাভাস্ক্রিপ্ট দিয়ে এলিমেন্ট থেকে ক্লাস নাম মুছে ফেলা

    3. জাভাস্ক্রিপ্টে লুপে ডিলে যোগ করা

    4. জাভাস্ক্রিপ্টে আনঅর্ডার্ড লিস্ট (UL)-এ নতুন লাইন যোগ করা