مثال بسيط عن كيفية تنفيذ مهمة ما أو إستدعاء عنصر ما عبر كود جافا سكريبت javascript
 |
| كود javascript لتنفيذ مهمة ما أو لإستدعاء عنصر ما وتنفيذه |
قبل تنفيذ أي مهمة أو حدث أو استدعاء أي عنصر بواسطة كود JAVASCRIPT أو التعامل مع أكواد الجافا سكريبت ، يجب عليك أن تكون ذو خبرة في هذه اللغة و في كيفية التعامل مع جميع الأكواد قبل تنفيذها أو التعديل عليها لكي تعرف ما الذي تتعامل معه و لكي لا ينتج نتائج غير جيدة عن عدم المعرفة في هذه الأكواد .
و لذلك كما ذكرنا سابقاً في أكثر من تدوينة إن هذه المدونة ليست مدونة تعليمية بتقدر ما هي خدمية تُقدم أكواد و كيفية التعامل معها و عن المهمة أو المسؤولية التي يتم تنفيذها عبر هذه الأكواد .
و في هذا المثال البسيط " الموجود في الصندوق بالأسفل " نوضح كيفية عمل كود الجافا سكريبت و المهمة التي يقوم بها و أحببنا أن نضع مثال بسيط لكي تصلك الفكرة كيف يتم تنفيذ العملية ، و أنت أثناء عملك أو تعاملك مع javascript تستطيع أن تبني الكود الخاص بك أو إذا أردت التعديل على كود ما تستطيع التعديل عليه و على المهام الموجودة في مضمونه .
شرح الكود :
كما تلاحظ في الأسفل قمنا بوضع عنوان للموضوع " فقط من أجل الشرح " عبر كتابته بين الوسمين <p> - </p> لكي يظهر العنوان في المتصفح .
أما بالنسبة للـ id المُراد التطبيق عليه قمنا بوضع تسمية افتراضية مع أجل التوضيح كيفية التعامل مع العناصر .
نأتي الآن إلى شرح السكريبت الموجود ضمن الوسمين <script> - </script> و هو ما سوف يتم تنفيذه بحسب الأكواد الموجودة داخل هذين الوسمين .
نقوم بتعريف المهمة أو الوظيفة التي سوف يتم التفيذ عليها عبر تسمية العناصر و وضعنا العنصرين s1 - s2 للمثال ، و بعد ذلك نخبره بالمهمة و هي عبر جميع العنصرين s1 + s2 كما هو موضح بالأسفل .
و من أجل تنفيذ مهمة الجمع نقوم بتعريف الـ id المُراد التنفيذ به و نقوم بتحديد نوع العنصرين الذي وضعناهم سابقاً و هنا وضعنا الرقمين 5, 10 من أجل إيصال الفكرة من الكود و من أجل توضيح كيفية عمل الكود .
و تنفيذ كل ما سبق يكون على الشكل التالي :
إن المهمة الموكلة إلى الـ id "ServiceCode " هي تنفيذ الوظيفة التالية : و هي جمع العنصرين s1 + s2 و إن هذين العنصرين كما تم تعريفهم فإنهم الرقمين 5 ، 10 و هو حصيلة ما سوف يتم إظهاره للمستخدم على المتصفح .
كما ذكرنا فإننا قمنا بوضع أرقام و عملية حسابية فقط من أجل توضيح الفكرة لكيفية تنفيذ و عمل الكود ، و أنت بدورك تستطيع استبدال العناصر و المهام بحسب حاجتك لها و لطريقة عملها.
الكود المُستخدم :
الكود أثناء التنفيذ ( لاحظ حاصل المهمة التي تم كتابتها و هي جمع العددين 5, 10 قد نفذ المهمة النهائية و هي حصيلة الجمع التي نتيجتها = 15 ) و هو يظهر على الشكل التالي للمُستخدم :
إرسال تعليق