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

كتب في 22 نوفمبر 2018 | المشاهدات 311
طريقة حساب عدد الأحرف داخل ال 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


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

الإعلانات


User Avatar

Osama Mohamed ( )

مدرب لغات برمجة ومدون تقني ومؤسس قناة الزيرو ويب سكول أقوم بتبسيط كل ما هو معقد بفضل من الله


تعليق واحد


أضف تعليقك