الدرس الرابع فى الجافا سكريبت

Conditions

-وهى عبارة عن جمل الشرط داخل لغة الجافا سكريبت وجمل الشرط تستخدم لتنفيذ اجراء معين فى حالة تحقق شرط معين وجمل الشرط لها اربعة طرق لكل طريقة وظيفتها كالتالى:

الشكل العام

استخدامها

جملة الشرط

if (condition)

{

Code if condition is true

}

تستخدم لتنفيذ كود فى حالة كان الشرط صحيح فقط.

if

if (condition)

{

Code if condition is true

}

else

{

Code if condition is not true

}

تستخدم لتنفيذ كود فى حالة كان الشرط صحيح او تنفيذ كود اخر فى حالة كان الشرط خاطىء

if…else

if (condition1)

{

Code if condition1 is true

}

else if(condition2)

{

Code if condition2 is true

}

else

{

Code if condition1 and condition2 not true

}

تستخدم لعمل اكثر من شرط لوجود مجموعة عديدة من الاكواد

if…else if….else

switch (n)
{
case 1:
code1
break;
case 2:
code2
break;
default:
code3
}

ايضا تستخدم لعمل اكثر من شرط لوجود مجموعة عديدة من الاكواد

switch

امثلة توضح الحالات السابقة

(1)if :

<!DOCTYPE html>

<html>

<body>

<script>
var d = new Date()                //one
var time = d.getHours()           //two

if (time < 10)
{
document.write("Good morning!")
}
</script>

</body>

</html>

حيث (one,two) عبارة عن object تم انشائة لمعرفة التوقيت بالساعة من جهاز الكمبيوتر وسوف يتم شرح الobject فى الدروس القادمة ففى حالة كانت الساعة اقل من عشرة فانة يطبع لك رسالة(Good morning!).

(2)if…else :

<!DOCTYPE html>

<html>

<body>

<script>
var d = new Date()
var time = d.getHours()

if (time < 10)
{
document.write("Good morning!")
}
else
{
document.write("Good evening!")
}
</script>

</body>

</html>

فى هذة الحالة فانة اذا كانت الساعة اقل من عشرة فانة يطبع رسالة (!Good morning) وما غير ذلك اى اكبر من الساعة عشرة فانة يطبع رسالة (Good evening!).

(3)if…else if….else:

<!DOCTYPE html>

<html>

<body>

<script>
var d = new Date()
var time = d.getHours()

if (time < 5)
{
document.write("Good morning!")
}
else if(time>8)
{
document.write("Good evening!")
}
else
{
document.write("Good day!")
}

</script>

</body>

</html>

فى هذة الحالة فانة اذا كانت الساعة اقل من خمسة فانة يطبع رسالة (!Good morning) واذا كانت اكبرمن ثمانية فانة يطبع رسالة (Good evening!) وما غير ذلك فانة يطبع رسالة (Good day!).

ولاحظ انة يمكن تكرار else if اكثر من مرة.

(4)switch:

<!DOCTYPE html>

<html>

<body>

<script>
var d = new Date()
var time = d.getHours()

switch (time)
{
case 1:
  document.write("time now is one")
  break
case 2:
  document.write("time now is two")
  break
case 3:
  document.write("time now is three")
  break
default:
  document.write("we only work from one to three")
}

</script>

</body>

</html>

هذة الحالة هى شبية بالحالة السابقة لذلك يمكن استبدال الحالة الثالثة بالرابعة او العكس والمثال هنا هو عبارة عن شرط يتعرف على الساعة من الجهاز ويخبرك بقيمة الساعة الان فاذا كانت الساعة واحدة فيطبع لك ان الساعة الان واحدة ثم اذا لم تكن الساعة واحدة فانة ينتقل الى الحالة التى تليها وذلك عن طريق كلمة (break) وبالمثل الى ان يصل الى الساعة ثلاثة ثم بعد ذلك فيما عدا الساعة واحدة واتنين وثلاثة فيطبع لك رسالة بانة انتهى العمل وذلك عن طريق كلمة (default).

Advertisements

ضع تعليقك هنا

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: