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

জাভাস্ক্রিপ্টে বাটন ক্লিকে div লুকানো


মান লজি আমাদের divটি নিচে দেওয়া হল:

Welcome in JavaScript

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

div লুকাতে জাভাস্ক্রিপ্টে style.display কনসেপ্ট ব্যবহার করুন। কোডটি নিচে দেওয়া হল:

উদাহরণ

 

     Document       
Welcome in JavaScript

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

আউটপুট

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

জাভাস্ক্রিপ্টে বাটন ক্লিকে div লুকানো

যখন ইউজার বাটনে ক্লিক করে, div লুকায়। স্ক্রিনশট নিচে দেওয়া হল:

জাভাস্ক্রিপ্টে বাটন ক্লিকে div লুকানো


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

  2. জাভাস্ক্রিপ্টে বাটন ক্লিক করলে ১০ করে মান বাড়ানো

  3. জাভাস্ক্রিপ্টে বাটন ক্লিক করলে টেক্সটফিল্ড খালি করা

  4. জাভাস্ক্রিপ্টে HTML এলিমেন্টের স্ক্রিনশট নেওয়া