طريقة حساب عدد الأحرف داخل ال Textarea

كيفية حساب عدد الأحرف Characters داخل عنصر ال Textarea عند الكتابة وعند الإدخال

إنضم لكورسات الأكاديمية وإستفيد من الخصم الخاص في البداية من هنا
نوصي بكورس تعلم أساسيات البرمجة من أكاديمية Codezilla من هنا
إحترف التسويق وإدارة الأعمال مع الدبلومة الإحترافية وإحصل على خصم عن طريقنا من هنا
لحجز إستضافة من Hostinger والحصول على الخصم عن طريقي إتبع الشرح من هنا

من جوجل

طريقة حساب عدد الأحرف داخل ال Textarea بسيطة جدا, نقوم بعمل Form جديدة وبداخلها Textarea وأسفلها Span لنضع فيها الرقم الخاص بالعداد.
بعد ذلك نقوم بعمل متغيرات للعناصر التي سوف نعمل عليها وهي
  • ال Span التي تحتوي على العدد
  • ال Textarea نفسها
  • أقصى عدد للحروف يتم جلبه من ال Attribute المسمى maxlength عن طريق دالة getAttribute
الآن نقوم بإستعمال Event المسماة oninput حتى نتمكن من حساب عدد الأحرف عند وضع أي شيء داخل ال Textarea سواء كتابة او عن طريق اللصق Ctrl + V
بعد ذلك نبدأ بحساب عدد الأحرف التي يتم كتابتها أو لصقها داخل ال Textarea عن طريق عمل عملية حسابية تقوم بطرح عدد الأحرف الموجودة داخل ال Textarea من عدد الأحرف الكلي المسموح به الموجود داخل maxlength Attribute ثم نضعهم داخل ال ٍحشى عن طريق ال innerHTML
الآن الكود يعمل بنجاح وبدون أي مشكلة وبقى شيء بسيط جدا وهو عند الوصول لرقم 0 نقوم بوضع Class اسمه zero على ال Span ليكون لونها احمر واذا كان الرقم أكبر من 0 نقوم بإزالة هذا ال Class عن طري خاصية classList
والآن الكود الكامل كالتالي
والآن كل ما عليك هو تنسيق ال Class المسمى zero بأي لون يعجبك
ولتجربة الكود كاملا هنا
100

الكلمات الدلالية

من جوجل

0 تعليقات


    اترك تعليقاً