صفحة البيت | מס טלפון 04 – 6046227 | מס' פקס 04 – 8303539

جافا سكريبت - JavaScript

موقع كتابة الكود repl.it | تحميل Brackets| تحميل Notebad++

(1) خصائص الـ JavaScript

الأمر alert

خصائص جافا - سكربت

· جافا سكريبت (JavaScript) هي لغة برمجة عالية المستوى تستخدم أساسا في متصفحات الويب لإنشاء صفحات أكثر تفاعلية.

· اصبحت البرمجة بلغة الجافا سكربت أمر أساسي. وتنفذ عمليات هذه اللغة بشكل خاص على جهة المستخدم (على جهاز المستخدم) أي ضمن المتصفح الخاص به.

· يقوم المتصفح بتحميل البرنامج المكتوب بلغة الجافا-سكريبت إما متواجداً داخل صفحة الـ HTML (عن طريق تعريف تابع ضمن الوثيقة بشكل مباشر) أو من ملف منفصل خارجي.

· ان الجافا سكربت حالة حساسة (Case Sensitive)

تعتبر الجافا سكربت حالة حساسة في كتابة الأكواد وهي ليست كما HTML ولهذا يجب الحذر عند استخدام الأحرف الكبيرة أو الصغيرة عند كتابة أو استدعاء المتغيرات والوظائف والأحداث.

الوسم <script>

يستخدم الوسم <script> لأدراج كود جافا سكربت داخل صفحات HTML.

· بين بداية الوسم <script> ونهايته </script> نضع كود الجافا سكربت الذي سيتم قراءته من قبل المتصفح.

· كود الجافا-سكربت يمكن وضعة في بداية الصفحة في منطقة <head> أو في جسم الصفحة داخل <body>.

ويمكن وضعه في كلاهما.

<html>

<head>

<title> …. </title>

<script>

نضع هنا كود الجافا-سكربت

<script>

</head>

<body>

<script>

نضع هنا كود الجافا-سكربت

<script>

</body>

</html>

رسائل التحذير – alert ()

أحيانا نرغب ان نظهر رسائل معينة للزائر او للمستخدم كرسائل الخطأ أو الاشعارات اثناء الاستخدام.

هذه الرسائل هي رسائل تحذير، وتظهر على الشاشة في نوافذ منبثقة.

الامر alert () يقوم بهذا الطلب.

النتيجة	مثال	مبنى الأمر
I learn js	alert ("I learn js");	; ("اكتب رسالة كما تشاء") alert

alert (3+5*4);

; (تعابير حسابية) alert

مثال1:

انسخوا الأوامر إلى المحرر.

عندما نشغل هذا الكود نحصل رسالة منبثقة:

الرسالة هي: _____________

<body>

alert ("Hi"+" my "+"Friend");

</script>

</body>

مثال2:

نتج من الكود:

welcome my Friends

2+6=26 (دمج أو لصق)

2+6=8 (عملية جمع)

<body>

<script>

alert ("welcome my Friends","<br>");

alert ("2+6="+2+6);

alert ("2+6="+(2+6));

</script>

</body>

تمارين

لفهم وتطبيق المادة ننصح بنسخ الكود البرمجي الذي في التمارين ووضعه في محرر الكود الذي نستخدمه.

تمرين 1:

انسخوا الاوامر إلى المحرر واجيبوا عن الأسئلة التالية:

عندما نشغل هذا الكود نحصل على 3 رسائل منبثقة

رسالة1: welcome to JS

رسالة2: 2 + 4

رسالة3: 6

<body>

<script>

alert ("welcome to JS");

alert ("2+4");

alert (2+4);

</script>

</body>

تذكر: عندما نكتب تعبير حسابي مع اشارتي الاقتباس (" ") نحصل على التعبير الحسابي.

عندما نكتب تعبير حسابي بدون اشارتي الاقتباس (" ") نحصل على نتيجة التمرين.

تمرين 2:

انسخوا الاوامر إلى المحرر واجيبوا على الأسئلة التالية:

1. عندما نشغل هذا الملف نحصل على الرسالة:

2 + 4 = 6

2. اشرحوا لماذا في الامر alert تظهر إشارة + مرتين:

الـ + الأولى من أجل دمج وتلاصق النتيجة، الثانية عملية جمع

3. أكتبوا التعبير 3*4=12 مستخدما الامر alert مرة واحدة فقط

alert ("3 * 4 ="+(3*4));

<body>

<script>

alert ("2+4="+(2+4));

</script>

</body>

تمرين 3:

انسخوا الاوامر إلى المحرر واجيبوا على الأسئلة التالية:

<body>

<script>

alert ("Hello \n JavaScript");

</script>

</body>

1. أكمل: عندما نشغل هذا الملف نحصل على الرسالة:

Hello

JavaScript

2. اختاروا العبارة الصحيحة: (أ) الكلمتين على نفس السطر (ب) الكلمتين على سطرين مستقلين.

الكلمتين على سطرين مستقلين.

3. اشرحوا وظيفة الأمر \n: نقل سطر الكتابة إلى سطر جديد

تمرين 4

اكتبوا برنامج يطبع اسمك، اسم الأب، اسم العائلة

في 3 أسطر منفردة باستخدام الامر alert مرة واحدة.

الحل:

<body>

<script>

alert ("Firas \n Manhal \n Wahba");

</script>

</body>

ملاحظة: الأمر التالي هو صحيح أيضاً (بدون مسافات):

alert ("Firas\nManhal\nWahba")

مدرسة قفطان حلبي الإعدادية – دالية الكرمل - Copywrite – 2019