تعلمنا في الدرس السابق ما هي لغة الجافا سيكربت وكيف لنا أن ندرجها داخل ملف HTML وما هي أهم الجمل فيها وفي درس اليوم سنتعلم كيفية تنسيقها مع وسومات HTML
بالبداية لابد أن تستذكر وسم إدراج الجافاسيكربت :
<script language="JavaScript">
وهذا الوسم لة بداية ونهاية كما أسلفنا وقد قلنا أن أي جملة من جمل اللغة لابد أن تُأخذ بحذافيرها من حيث نوع الأحرف وكذلك الرموز فمثلا جملة الإخراج او الطباعة على الشاشة :
document.write("أهلا وسهلا بك");
يجب أن تنتهي بالفاصلة المنقوطة ويجب أن نلتزم بإشارات التنصيص "" لما نريد أن نقوم بطباعته لكن لو أردت أن أطبع ( أهلاً ) في سطر( وسهلاً ) في سطر أخر مع العلم أن وسم نزول سطر جديد في HTML هو <br> فما هي الطريقة
دمج وسومات HTML مع لغة الجافاسيكريبت:
الحل هو :
document.write("أهلا" + "<br>" + "وسهلا" );
لاحظ النتيجة في الصورة:
أصبحت الجملة تحتوي 3 اقسام بين كل قسم والأخر إشارة + وهي Key Word أي كلمة محجوزة في لغة الجافا سيكربت تقوم بوظيفة معينة وهنا هي إشارة للدمج التسلسل بين النصوص Concatenation وليس للعملية الحسابية الجمع.
لنقوم بتجريب تغير لون النص وحجمة علماً أن وسم تنسيق الخطوط هو <font> وله الكثير من الخصائص والقيم راجع درس تنسيق الخطوط ستكون بناءاً عليه الشيفرة كما يلي:
document.write("<font color='green' size='6'>" + "أهلا وسهلا" + "</font>" );
هنا النص الذي نريد طباعته جاء بين بداية ونهاية الوسم <font> فأصبح لدينا 3 اقسام بين كل قسم والأخر إشارة التسلسل + وهي أشارة كما أسلفنا للدمج ولن تظهر في الطباعة وقد إستخدمنا خاصيتين من وسم <font> هي اللون وجاءت هنا قيمتة أخضر وكذلك خاصية الحجم وجاءت قيمتة هنا 6 ونلاحظ أن أي قيمة نريد إدراجها يجب وضعها بين أشارة ' ' المفردة شاهد التغير الذي سيطرء على النتيجة:
إظهارة إشارة "" في جملة الجافا سيكربت:
دمج جمل الجافاسيكربت:
