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

জাভাস্ক্রিপ্ট ও CSS দিয়ে টেক্সটএরিয়া অটো-গ্রো করানো


জাভাস্ক্রিপ্ট ব্যবহার করে আমরা আমাদের Textarea এলিমেন্টকে এর কন্টেন্ট অনুযায়ী অটোমেটিক বড় করা (auto-grow) সেট আপ করতে পারি।

নিচের উদাহরণগুলো দেখায় কিভাবে এটি অর্জন করা যায়।

উদাহরণ ১

      

আউটপুট

ফলাফল:

জাভাস্ক্রিপ্ট ও CSS দিয়ে টেক্সটএরিয়া অটো-গ্রো করানো

জাভাস্ক্রিপ্ট ও CSS দিয়ে টেক্সটএরিয়া অটো-গ্রো করানো

উদাহরণ ২

      

আউটপুট

ফলাফল:

জাভাস্ক্রিপ্ট ও CSS দিয়ে টেক্সটএরিয়া অটো-গ্রো করানো


  1. জাভাস্ক্রিপ্ট ও CSS দিয়ে টাইপিং ও ডিলিটিং ইফেক্ট তৈরি করা

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

  3. CSS এবং জাভাস্ক্রিপ্ট দিয়ে লাইটবক্স অ্যানিমেট করা

  4. জাভাস্ক্রিপ্ট দিয়ে স্টাইলশীতে CSS রুল যোগ করা