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

জাভাস্ক্রিপ্টে মাউস কার্সর টেক্সটবক্সে ক্লিক করলে ইনপुट হিন্ট লুকানো


মান লজি আমাদের ইনপুট টেক্সটটি নিচে দেওয়া হল:

মাউস কার্সর চাপলে ইনপুট হিন্ট লুকাতে, onFocus এবং onBlur কনসেপ্ট ব্যবহার করুন।

উদাহরণ

 

     Document       

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

আউটপুট

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

জাভাস্ক্রিপ্টে মাউস কার্সর টেক্সটবক্সে ক্লিক করলে ইনপुट হিন্ট লুকানো

যখন আপনি টেক্সটের ভেতরে মাউস ক্লিক করবেন, তবে ফোকাস পাবে এবং হিন্ট লুকাবে। স্ক্রিনশট নিচে দেওয়া হল:

জাভাস্ক্রিপ্টে মাউস কার্সর টেক্সটবক্সে ক্লিক করলে ইনপुट হিন্ট লুকানো


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

  2. জাভাস্ক্রিপ্টে ইউজার ইনপুট থেকে নম্বর নিয়ে কনসোলে দেখানোর পদ্ধতি

  3. জাভাস্ক্রিপ্টে ENTER চাপলে টেক্সটবক্স সাবমিট করা

  4. জাভাস্ক্রিপ্ট দিয়ে CSS ভেরিয়েবল (কাস্টম প্রোপার্টি) গেট ও সেট করা