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

জাভাস্ক্রিপ্টে HTML ট্যাগ সরানো এবং নতুন ট্যাগ যোগ করা


HTML ট্যাগ সরানো এবং নতুন ট্যাগ যোগ করতে, hide() এবং show() কনসেপ্ট ব্যবহার করুন।

মান লজি আমাদের বাটনগুলো নিচে দেওয়া হল:

 

বাটন ক্লিকে ট্যাগ সরানো এবং যোগ করতে hide() এবং show() ব্যবহার করুন:

$(document).ready(function(){   $("#hide").click(function(){     $("h1").hide();   });   $("#show").click(function(){     $("h1").show();   }); });

উদাহরণ

 

     Document      

Test JavaScript

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

আউটপুট

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

জাভাস্ক্রিপ্টে HTML ট্যাগ সরানো এবং নতুন ট্যাগ যোগ করা

Case 1

যখন আপনি "Click Me To hide above content" বাটনে ক্লিক করবেন, তবে আপনি নিচের আউটপুট পাবেন।

জাভাস্ক্রিপ্টে HTML ট্যাগ সরানো এবং নতুন ট্যাগ যোগ করা

Case 2

যখন আপনি "Click Me To show above content" বাটনে ক্লিক করবেন, তবে আপনি নিচের আউটপুট পাবেন।

জাভাস্ক্রিপ্টে HTML ট্যাগ সরানো এবং নতুন ট্যাগ যোগ করা


  1. জাভাস্ক্রিপ্টে HTML ফর্ম action এবং onsubmit ভ্যালিডেশন

  2. জাভাস্ক্রিপ্টে বাটন ক্লিক করলে নাম যোগ ও মুছে ফেলা

  3. জাভাস্ক্রিপ্টে ID দিয়ে এলিমেন্ট রিমুভ করা

  4. জাভাস্ক্রিপ্টে tr ট্যাগ থেকে id বের করে নতুন td-তে দেখানো