JavaScript (الدرس الثاني ) : Comparisons - If...Else - Switch - Popup Boxes

[زهرة البيلسان]

بسم الله

JS Comparisons
مقارنات JS

\\ مقارنة العمليات المنطقية وتستخدم لاختبار صائب أم خاطئ \\

معاملات المقارنة :تستعمل في البيانات المنطقية
لتقرير المساواة أو الإختلاف بين المتغيرات أو القيم.

بإفتراض أن x=5


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

مثال :

كود PHP:

if (age<18) document.write("Too young"); 


سنأتي على هذا المثال بالتفصيل . .


العمليات المنطقية :

تستخدم في تحديد منطق بين المتغيرات و القيم ,
فإذا كان X=6 وَ Y=3 فالجدول يوضح العمليات المنطقية و أمثلة عليها :



العمليات المشروطة :

تحتوي جافا سكريبت على العمليات المشروطة و فيها يخصّص قيمة إلى متغيّر مستندة على شرط .

على النحو التالي :

كود PHP:

variablename=(condition)?value1:value2 


الاسم المتغيّر = (شرط) ? قيمة 1 : قيمة 2

أي أنه إذا كان الاسم المتغير يحقق الشرط فستتحقق القيمة 1 و إذا لم يكن كذلك تتحقق القيمة 2

مثال :

كود PHP:

greeting=(visitor=="PRES")?"Dear President ":"Dear "; 


إذا كان الزائر = PRES
تظهر "Dear President "
أما إذا لم يكن = PRES
تظهر "Dear"

[زهرة البيلسان]

JavaScript If...Else Statements

البيانات الشرطية في جافاسكريبت تستعمل لإداء أعمال مختلفة مستندة على شروط مختلفة .

البيانات الشرطية :
• if statement
• if...else statement
• if...else if....else statement
• switch statement


.,.



if statement

تقوم العبارة if باختبار شرط معين فاذا تحقق هذا الشرط يتم تنفيذ العملية و إلا يتم تجاهل هذه العملية . .

و تكون على النحو :

كود PHP:

if (شرط)
{
الكود الذي سينفذ إذا تحقق الشرط 
} 


مثـــال

ملاحظة: عند مقارنة متغيّرات يجب أن تستعمل (==)



.,.


• if...else statement

تقوم هذه العبارة باختبار شرط معين فاذا تحقق هذا الشرط يتم تنفيذ العملية1 و إذا لم يتحقق نفذ العملية2 . .


على النحو :

كود PHP:

if (شرط)
{
الكود الذي سينفذ إذا تحقق الشرط 
}
else
{
الكود الذي سينفذ إذا لم يتحقق الشرط 
} 


مثــــال


.,.



If...else if...else Statement

إذا كان هناك عدة شروط , فإذا لم يتحقق الشرط1 انتقل للشرط الثاني فإذا لم يتحقق انتقل للشرط الثالث و هكذا ...

على النحو :

كود PHP:

if (الشرط1)
{
الكود الذي سينفذ إذا تحقق الشرط 1
}
else if (الشرط2)
{
الكود الذي سينفذ إذا تحقق الشرط 2
}
else
{
الكود الذي سينفذ إذا لم يتحقق الشرط1 و الشرط2 
} 


مثـــال

[زهرة البيلسان]

JavaScript Switch Statement

تستخدم عبارة if غالباً إذا كان جواب الشرط عبارة عن احتمالين أو ثلاثة على الأكثر أما إذا زاد عدد الاحتمالات على ذلك فمن الأفضل استخدام عبارة Switch

و صيغتها العامة كما يلي :

كود PHP:

switch(n)
{
case 1:
  execute code block 1
  break;    
case 2:
  execute code block 2
  break;
default:
  code to be executed if n is
  different from case 1 and 2
} 


و هي تعمل كالتالي :

يتم اختبار قيمة N فإذا كانت قيمته = 1 تم تنفيذ الكود1 ثم الخروج من خلال الأمر break
و إذا كانت قيمة N فإذا كانت قيمته = 2 تم تنفيذ الكود2 ثم الخروج من خلال الأمر break
و إلا يتم تنفيذ الكود default

{ يتم التعبير عن كل حالة من حالات switch بكتابة كلمة case ثم النتيجة المطلوبة ثم النقطتين : }


مثـــال

[زهرة البيلسان]

JavaScript Popup Boxes


في جافا سكربت نستطيع أن نكون 3 أنواع من صناديق popup :

Alert box, Confirm box, and Prompt box.



.,.



:: Alert box ::

لاظهار صندوق حواري للمستخدم و اخباره بشيء

- عندما يظهر Alert box، المستخدم يجب أن ينقر "OK" للمضي .

و هو على النحو :

كود PHP:

alert("sometext"); 


مثـــــال 1

مثــــال 2



.,.



:: confirm box ::

لسؤال المستخدم عن قبول أو رفض شيء

عندما يظهر confirm box ، المستخدم يجب أن ينقر إما "OK" للمضي أو "Cancel" للمضي .
إذا تم نقر "OK" , يرجع الصندوق قيمة OK إذا نقر "Cancel"، يرجع الصندوق قيمة Cancel

و هو على النحو :

كود PHP:

confirm("sometext"); 


مثــــال


.,.



:: Prompt box ::

لادخال المستخدم بيانات معينة قبل دخول الصفحة . .
إذا نُقر "OK" يرجع الصندوق نتيجة البيانات المدخلة . .

و هو على النحو:

كود PHP:

prompt("sometext","defaultvalue"); 


مثـــال

[زهرة البيلسان]

بحمد الله تم الانتهاء من

[ Comparisons - If...Else - Switch - Popup Boxes ]




الواجب :

باستخدام كود Prompt Box اجعل الكود يقوم بالتالي :
عند ادخال المستخدم درجة الاختبار :
إذا كانت الدرجة أعلى من أو تساوي 90 يطبع "ممتاز"
و إذا كانت الدرجة أعلى من أو تساوي 80 يطبع "جيد"
و ما عدا ذلك يطبع "ضعيف" . .

[aroma]

جاري قراءة الدرس و حل الواجب ,,

بوركتِ ..زهرة البيلسان ,,

[محمد جبلي]

ماشاء الله تبارك الله ,,
جزاكِ الله خير زهرة ..

جاري قراءة الدرس و أسمحيلي أعدل فيه ( لضرورة القصوى فقط )
ثم حل الواجب

[محمد جبلي]

تستخدم عبارة if غالباً إذا كان جواب الشرط عبارة عن احتمالين أو ثلاثة على الأكثر أما إذا زاد عدد الاحتمالات على ذلك فمن الأفضل استخدام عبارة Switch

عندما أخذنا جملة الـSwitch في الجامعة سألت المدرس متى نستخدمها ومتى نستخدم الـif
فلا أذكر أنه أستطاع الإجابة .. أفتكر قلي على حسب تقييم المبرمج

بحثت عن جواب لهذا السؤال فلم أجده !
تفاجأت اليوم بهذه الجملة في الدرس !

هل لها مصدر ؟
وما رأي الأخوه إللي لهم سابق خبرة

لو كتبتم في قوقل ( Switch vs If ) ستجدون مقارنات كثيرة تحتاج جلسه

يبغالنا نسوي كتيب صغير نسميه القول البليغ في الفرق العجيب بين السويتش و الإف

[محمد جبلي]

http://w3schools.invisionzone.com/in...howtopic=20808

[عبد الله العرادي]

أذكر في محاضرة البرمجة , بعد ما تمكنت من كتابة برنامج switch طلبه مني الدكتور ( هندي الجنسية ) ,, سألني ,, ماهو الفرق بين السويتش و الإف ؟ .. لم أستطع أن اجيب ..

فقال لي بمعنى كلامه ,, ان الإف ينفع للحالات الصغيرة من الشروط ..

أما الكبيرة جداً .. فالأفضل لها السويتش , لأن السويتش أسرع في تنفيذ الكود من الإف , بسبب أن الإف يضطر لمراجعة المدخل في كل حالة , أما السويتش , فإنه يقوم بالانتقال فوراً إلى السطر المرادف للمدخل ..




جــاري حل الواجب ,, الحمد لله يبدو عليه السهولة ..

[twinkle]

×^×^×^×^×^×^×^×^×^×^×


جزاكم الله خيرا

جاري قراءة الدرس وحل الواجب بإذن الله


×^×^×^×^×^×^×^×^×^×^×

[زهرة البيلسان]

^
هذه المعلومة قرأتها في كتاب لـ لغة ++C

[twinkle]

×^×^×^×^×^×^×^×^×^×^×


ما أعلمه أن الـSwitch يقوم مقام الـNested IF وهي الإف المتداخلة

أي إن كان هناك IF داخل IF يفضل كتابتها بالـSwitch ...
وكلما زادت عدد الـIF المتداخة كلما فضل استخدام الـSwitch
حيث أن كفاءة البرنامج تقل حينما نستخدم الـNested IF (كفاءة البرنامج هي سرعة أداء البرنامج وتعتمد على قلة الأوامر المكتوبة مع صحة الناتج)


×^×^×^×^×^×^×^×^×^×^×

[محمد جبلي]

تم الإجابة على سؤالي في منتدى W3

http://w3schools.invisionzone.com/in...howtopic=20808

أحد يترجملنا إللي قاله

أظن يقول الـ إق تستخدم مع المتغيرات مختلفة النوع ..
والسويتش تستخدم في إختبار نوع واحد ضد عدة أنواع !

صراحة مافهمت قصده =/

[twinkle]

×^×^×^×^×^×^×^×^×^×^×


الحمد لله الواجب سهل وحللته بأكثر من صورة،، ويمكن إيجاد صور أكثر للحل


استخدام Nested IF فقط

<html>
<body>
<script type="text/javascript">
var grade = prompt("Enter the Examination Grade",0);

if (grade >= 90)
document.write("Excellent");

else if (grade >= 80 && grade <=89)
document.write("Good");

else
document.write("Fall");

</script>
</body>
</html>

استخدام Nested IF و Switch

<html>
<body>
<script type="text/javascript">
var grade = prompt("Enter the Examination Grade",0);
var test;

if (grade >= 90)
test = "A";
else if (grade >= 80 && grade <= 89)
test = "B";
else
test = "C";

switch(test)
{
case "A":
document.write("Excellent");
break;

case "B":
document.write("Good");
break;

case "C":
document.write("Fall");
break;
}
</script>
</body>
</html>

وبصورة أخرى:

<html>
<body>
<script type="text/javascript">
var grade = prompt("Enter the Examination Grade",0);
var test;

if (grade >= 90)
test = "A";
else if (grade >= 80 && grade <= 89)
test = "B";

switch(test)
{
case "A":
document.write("Excellent");
break;

case "B":
document.write("Good");
break;

default:
document.write("Fall");
break;
}
</script>
</body>
</html>

استخدام العملية المشروطة والـIF ... ELSE داخل الـSwitch

<html>
<body>
<script type="text/javascript">
var grade = prompt("Enter the Examination Grade",0);
var test = (grade >= 90)? 10:20;
switch(test)
{
case 10:
document.write("Excellent");
break;

case 20:
if (grade >= 80 && grade <=89)
document.write("Good");
else
document.write("Fall");
}
</script>
</body>
</html>

×^×^×^×^×^×^×^×^×^×^×

[twinkle]

×^×^×^×^×^×^×^×^×^×^×

المشاركة الأصلية كتبت بواسطة محمد جبلي تم الإجابة على سؤالي في منتدى W3 http://w3schools.invisionzone.com/in...howtopic=20808 أحد يترجملنا إللي قاله أظن يقول الـ إق تستخدم مع المتغيرات مختلفة النوع .. والسويتش تستخدم في إختبار نوع واحد ضد عدة أنواع ! صراحة مافهمت قصده =/

يقول أن الـ IF ... ELSE ... IF ... ELSE تستخدم لاختبار عدة متغيرات .. فيختبر ويقارن عدة متغيرات بعدة شروط

أما switch فهو يختبر متغير واحد ... فيقارن قيمته بعدة قيم



×^×^×^×^×^×^×^×^×^×^×

[محمد جبلي]

عذراً قمت بإخفاء حل تونكل حتى يضع أغلب الأعضاء حلهم ثم سأظهرها كلها ..

تونكل لم أفهم .. هل لي بمثال !

[twinkle]

×^×^×^×^×^×^×^×^×^×^×



عفوا... سأشرح على عجل


مثلا... في الـswitch نحن نختبر قيمة المتغير الموجود مابين القوسين فقط.... مثلا

switch (x)

نحن نختبر قيمة المتغير x فقط ... لذلك حينما نكتب:

case #:
some_statements;

case #:
some_statements;

.
.
.
.

default:
some_statements;

فإن الـ # هي القيم التي نختبرها للمتغير x

قد تكون أرقاما ... نصوصا ... المهم على حسب نوع المتغير x (لأننا نختبر قيمه)



لذلك... نجد أن switch يختبر قيمة متغير واحد (وهو x ) ويقارنه بعدة قيم (والتي هي #)



بينما الـ Nested IF

فكل IF يقوم باختبار منعزل عن الـ IF الآخر ...

ماعدا جملة else الأخيرة فهي تلحق الـ IF التي قبلها

فنحن نكتب:

if (condition)
{
some_statements;
}
else if (another_condition)
{
some_statements;
}
.
.
.
.
.
else
{
some_statements;
}

فالشروط الموجودة عند كل IF ليست بالضرورة أن تتحدث عن متغير واحد

فيمكن أن تختبر متغيرات أخرى

ويمكن أن يكون كل IF يختبر متغير ما

لكن else الأخيرة فهي متعلقة بآخر IF ... لأنها تقول إن لم يتحقق الشرط IF فنفذ الكود


×^×^×^×^×^×^×^×^×^×^×

[محمد جبلي]

جزاكِ الله خير تونكل .. يبدوا أني فهمت

لكن الـ else الأخيره ما أظنها تابعه لشيء

هي لكل الـإفات .. لأن الإفات كلها ماكانت تمام فأنتقل للإلس الأخيره
يعني مهي تابعه لأي إف !

[twinkle]

×^×^×^×^×^×^×^×^×^×^×


الصيغة العامة لـ Nested IF

if (condition 1)
{
-----
-----
-----
}
else if (condition 2)
{
-----
-----
-----
}
else if (condition 3)
{
-----
-----
-----
}
else
{
-----
-----
-----
}

لقد قمت بتلوين كل IF مع الـ ELSE الخاصة بها


سأشرح كيفية تسلسل عمل الـ Compiler (الأداة المنفذة للكود)

من المعروف أن الـ IF تضع شرط وتحتمل له إجابتين ... إما تحقق الشرط True أو عدم تحققه False

إن تحقق الشرط طبق الكود المكتوب تحت الـ IF مباشرة

وإن لم يتحقق الشرط لم يطبق الكود المكتوب تحت الـ IF مباشرة (أي لن يطبق أي كود) ويخرج خارج الـ IF

وهذه في حالة الـ IF فقط

لكن إن وجدت جملة ELSE طبقها الـCompiler في حالة الـ False

وهذه في حالتين:
الـ IF ... ELSE
و IF ... ELSE IF .... ELSE أو ما تسمى بـ Nested IF أو الـ IF المتداخلة


مثلا في الكود الذي كتبناه في الأعلى...
دخل الـcompiler على الـ IF الأولى ...
إن تحقق الشرط .. طبق البلوك الأحمر ...
وإن لم يتحقق اتجه إلى الـ else الحمراء ليطبق كودها

ماهو كودها؟
هو كل ما تحت الـ else الحمراء هو كودها

وبالمنطق... كودها هو الـ IF الخضراء

فيدخل إلى كود الـ else الحمراء ليجدها IF جديدة
فيختبر الشرط ... إن تحقق الشرط طبق البلوك الأخضر
وإن لم يتحقق الشرط اتجه إلى الـ else الخضراء ليطبق كودها

وبالمنطق... كودها هو الـ IF الزرقاء

(فرضا لم يتحقق)

فيتجه إلى كود الـ else الخضراء ليجدها IF جديدة
فيختبر الشرط ... إن تحقق الشرط طبق البلوك الأزرق
وإن لم يتحقق الشرط اتجه إلى الـ else الزرقاء ليطبق كودها

وبالمنطق... كودها هو الـ البلوك الأزرق

وبهذا ... نجد أن كل ELSE تتبع الـ IF التي تعلوها مباشرة

لكن منطقيا ... الـ compiler لم يصل إلى الـ else الأخيرة إلا وهو قد اختبر جميع الشروط ولم تنجح

ويكون الـ else الأخيرة هو الكود النهائي الذي يطبق


هذا نفس الكود السابق لكن بطريقته المنطقية:

if (condition 1)
{
-----
-----
-----
}
else 
{
    if (condition 2)
    {
     -----
     -----
     -----
     }
     else 
     {
          if (condition 3)
          {
          -----
          -----
          -----
          }
          else
          {
          -----
          -----
          -----
          }
     }
}

×^×^×^×^×^×^×^×^×^×^×