image001

صفحة البيت  |                îñ èìôåï 04 – 6046227 | îñ' ô÷ñ 04 – 8303539

 

 

  

 

 

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

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

  

 

 

(3) متغيرات الـ JavaScript جزء 2

 

 

 

 

 

تغيير قيم المتغيرات   

·       رأينا أن الأمر a = 5 يدعى أمر إسناد (أو أمر تعويض).

القيمة المسجلة في جهة اليمين نضعها في المتغير المتواجد في جهة اليسار.

في جهة اليسار من أمر الإسناد (التعويض) يجب أن يكون متغير.

·       يمكن استبدال وتغيير القيمة المخزنة في المتغير – والقيمة السابقة التي كانت به تحذف وتضيع.

 

المخرج:

نافة رسائل:

النافذة الأولى عليها الرقم 5

النافذة ثانية عليها الرقم 7

 

<script>

  var a;

  a = 5;

  alert(a);

  a = 7;

  alert(a);

</script>

 

المخرج:     8

------------------------------------------------------

في الأمر a = a + 3

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

<script>

  var a;

  a = 5;

  a = a + 3;

  document.write("<h1>",a,"</h1>");

</script>

 

 

 

 

 

 

 

تمرين 7

معطى الكود البرمجي التالي (السكربت): 

 

أ) عند تشغيل الكود ما هي النتيجة؟

    استعن بجدول متابعة

 

المخرج

temp

y

x   

 

5  6

 

6  5

 

6

5

5   

 

 

 

 

6

 

5

 

 

ب) ما هدف (وظيفة) الكود؟

     هدف البرنامج تبديل القيم التي في

     المتغيران

 

<script>

  var x = 5;

  var y = 6;

  document.write(x," ",y,"<br>");

  var temp;

  temp = x;

  x = y;

  y = temp;

  document.write(x," ",y);

</script>

 

 

 

 

 

 

 

تمرين 8:

جدوا ماذا ينتج من الكود البرمجي التالي:

 

المخرج:

 

Amer Bango

 
Bango Amer

 

<script>

  var name = 'Amer';

  var family = 'Bango'

  document.write(name,' ',family,"<br>");

  var temp = name;

  name = family;

  family = temp;

  document.write(name,' ',family);

</script>

 

 

 

 

 

 

 

تمرين 4:

أمامكم خوارزم كلامي. ترجمه إلى برنامج بـ  JavaScript

 

 

<script>

 var x = 8;

 var y = 2;

 x = x + y; 

 x = x - 5;

 document.write(x+"<br/>"+y);

 y = x + 1;

 document.write(x+"<br/>"+y);

</script>

أ‌.        عوضوا في المتغير x القيمة 8                   

ب‌. عوضوا في المتغير y القيمة 2

ت‌. عوضوا في المتغير x قيمة التعبير x + y  

ث‌. عوضوا في المتغير x القيمة التعبير x - 5

ج‌.   اطبعوا قيمة المتغيرات x , y   

ح‌.   عوضوا في المتغير y قيمة التعبير x + 1

خ‌.   اطبعوا قيمة المتغيرات x , y    

 

 

 

 

 

 

  

 

تنفيذ العلميات الحسابية على المتغيرات

 

كما في الجبر يمكن لمتغيرات الجافا سكربت إنشاء معادلات وحسابات رياضية.

كي نعرف ماذا يطبع كنتيجة للكود نستعين بجدول متابعة (بواسطته نتابع قيم المتغيرات).

 

مثال:

 

 

المخرج

y

x

 

4 

5

 

2 

6

 

4 

 

5    6

 

5

 

سيطبع:         5      4

<script>

  var x = 5;

  var y = 3;

  x = x + 1;

  y = y - 1;

  y = x - 2;

  x = y + 1;

  document.write (x+" "+y);

</script>

 

 

 

 

 

 

 

تمرين 5:

جدوا ماذا ينتج من الكود البرمجي التالي:

 

المخرج:

11   3

 

المخرج

b

a

 

2 

4

 

8 

6

 

3 

11

11    3

 

 

<script>

  var a = 4, b = 2;

  a = a + b;

  b = a + b;

  a = 2 * a - 1;

  b = a - b;

  document.write(a,' ', b);

</script>

 

 

 

 

 

 

 

تمرين 6:

جدوا ماذا ينتج من الكود البرمجي التالي:

 

 

المخرج:

abcd

  
abcdabcd

 
abcdabcdabcdabcd

<script>

  var x;

  x = 'a'; 

  x = x + 'b';

  x = x + 'c';

  x = x + 'd';

  document.write(x+"<br>");

  x = x + x;

  document.write(x+"<br>"); 

  document.write(x+x);

</script>

 

 

 

 

 

 

  

 

تمرين :

جد ماذا تعمل البرنامج التالي. استعن بجدول متابعة:

<html> <body>

  <table border="1">

    <tr>

      <td> a </td> <td> b </td>

    </tr>

    <tr>

      <script>

        var a = 5, b = 7;

        a = a + b;

        b = a - b;

        a = a - b;

        document.write("<td>",a,"</td>","<td>",b,"</td>");

      </script>

  </table>

</body> </html>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

https://sites.google.com/site/koftanhatav/_/rsrc/1424517650012/home/math1.png?height=241&width=320    

w4

 

  

 

 

 

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