Javascript الجافا سكربت هي لغة برمجه اذا جاز التعبیر تلعب دور حیوي وفعال في صفحات الویب من خلال القیام بوظائف قد تكون خارجیة او داخلیة بل لنكن اكثر دقة هي مرنه الى درجه تجعلك تتحكم بكل جزء من اجزاء اي النماذج او كنوافذ تخرج للمستخدم لتخبره بامر معین او تنبه forms صفحة الویب كأن تستخدمها في ال وغیرها من الاستخدامات التي تعتبر هي الروح التي یبثها مطور الویب في صفحاته اثناء برمجته . (body) أو في الجسم (head) إما في الرأس HTML الجافا سكريبت تكتب داخل مستند ال
Javascript ممیزات الجافا سكربت الجافا سكربت تختلف عن أغلب لغات البرمجة الأخرى في كونھا سھلة التحكم ، حتى للأشخاص الذين لم يكتبوا بأي لغة برمجة أخرى. توفر لغة الجافا سكربت التعامل مع الأحداث events تعمل لغة الجافا سكربت من خلال جمیع أنظمة التشغیل مثل الويندوز و اللینكس ، فھي لا تعتمد علي نظام التشغیل Platform independent الجافا سكربت ھي case sensitive language أي أن الكلمة المكتوبه بالحروف اللاتینیه الصغیره تختلف عن نفس ، الكلمة مكتوبة بالأحرف الكبیره مثلا: aLi غیر ali غیر Ali . وھكذا.. يفترض الى درجة الإلزام أن ينتھي كل سطر بفاصلة منقوطة: var x = 3; الجافا سكربت كما html تتجاھل المساحات الخالیة ، والسطور الجديدة ، مثلا: var x = 4هي نفسها var x= 4 مع ملاحظة أنه لابد من ترك مسافة خالیة على الأقل بعد أي مصطلح من مصطلحات الجافا
Javascript ماھو الفرق بین الجافا .. والجافا سكربت الفرق بینھما كبیر . نعم فالجافا أقوي بكثیر من الجافا سكربت ، وأكثر تعقیدا ، وللأسف ، أصعب في التحكم . وھي تأتي في نفس مستوى لغتي C ، وC++ . بالإضافه الى أنك تحتاج الى برامج خاصة للكتابة بلغة الجافا ، بینما الجافا سكربت أبسط بكثیر ! يمكنك بمجرد فتح أي برنامج تحرير نصوص مثل النوتة NOTEPAD كتابة السكربت كاملا الكلمات المحجوزة breake case continue delete do else false for function if In new null return switch This true type of var voide مهمه (Comments) التعلیقات تعلیق لسطر واحد (//) · بإستخدام العلامتین التالیتین // ثم يلیھم تعلیقك الخاص تعلیق لسطر أو أكثر من سطر (/* */)
---------------------------------- Javascript طرق كتابة كود الجافا سكربت: ١- الطریقة الأولى : <script type = " text/javascript"> - هنا یكتب كود الجافا سكربت </script> ---------------------------------- ٢- الطریقة الثانیة : هذي اللي راح نعتمدها هذا الترم <script language="JavaScript">
Javascript بعض اوامر الجافا سكربت .. ١- أمر الطباعة : document.write و تستخدم لطباعة نصوص معينة على الصفحة object document تابع لل method write فمثلاً نقول ال document. write ونضع بينهم. نقطة ... كما يلي طرق الكتابة: الطریقة الأولى : طباعة جملة لا یقع علیها تأثیر اي وسم من وسوم ال HTML document.write (" هنا الجملة المراد طباعتها") الطریقة الثانیة : طباعة جملة یقع علیها تأثیر وسم ال HTML document.write("<h هنا الجملة المراد طباعتها < 1 </h1>") الطریقة الثالثة : طباعة قیمة متغیر ... document.write( sum ); الطریقة الرابعة : طباعة قیمة متغیر یسبقه جملة نصیة .. document.write(": الناتج هو " + sum ); الطریقة الخامسة : طباعة قیمة متغیر یسبقه ویعقبه جملة نصیة .. document.write(": الناتج هو " + sum "للعملية" +); كما يتم دمج النصوص ( والنص ھو الجملة المحددة بعلمتین تنصیص ) بإستخدام الرمز + المستخدم في عملیات الجمع
Javascript ملاحظات مهمة : اي جملة نصیة ترید ان تضعها بداخل كود الطباعة یجب ان تحصرها بین ( " ) حتى لو احتوت على وسم html ال طباعة قیمة متغیر .... ویوجد لها اكثر من حالة : ١- اذا كنت ترید فقط ان تطبع قیمة المتغیر بمفرده ... تضعه بداخل أمر الطباعة من غیر ان تحصره ب ( " ). ٢- اذا كنت ترید طباعة قیمة متغیر تسبقه جملة نصیة یجب ان تحصر الجملة النصیة بین ( " ) ومن ثم تذكر المتغیر المراد طباعة قیمته ولكن یجب ان تضع قبله ( + " ) ولتوضیح اكثر تضع اشارة ( + ) بالجهة التي بها النص.... مثلا ... جاء النص قبل المتغیر نضع اشارة ال ( + ) قبل المتغیر مثلا ... جاء النص بعد المتغیر نضع اشارة ال ( + ) بعد المتغیر مثلا ... جاء النص بعد المتغیر وقبله نضع اشارة ال ( + ) بعد المتغیر وقبله ..
إدراج كود الجافا سكربت في صفحة ھتمل موضع كود الجافا سكربت اي بین وسمي رأس الصفحة : ( html ) یكتب عادة كود الجافا سكربت في رأس صفحة ( <head> ----------- </head> ) او قد یضع البعض كود الجافا سكربت في ذیل الصفحة او في جسمها وهذا وارد الحدوث ويتم ھذا الإدراج عن طريق : ١. إدراج داخلي ٢. إدراج خارجي إدراج داخلي : فیه يتم كتابة كود الجافا سكربت: أو كلاھما <Body> أو الوسم <Head> إدراج خارجي : فیه يتم إدراج كود الجافا سكربت من ملف خارجي غالبا ما يكون ذو إمتداد كما يلي js <SCRIPT LANGUAGE="JavaScript" src="fileName.js"></SCRIPT> jsويتم كتابة كود الجافا سكربت في الملف ذو الإمتداد
Javascript <Body> وضع كود الجافا سكربت بین وسم <HTML> <Head> <script language="JavaScript"> <!-- document.write("hello world"); //--> </script> </Head> <Body></Body> </HTML> ؟ <Body> والوسم <Head> ھل ھناك فرق بین إدراج كود الجافا سكربت بین الوسم الإجابة : بالطبع نعم ولكن ھذا الفرق ينحصر فقط في تسلسل تنفیذ الكود أي أن كود الجافا سكربت المندرج بین سوف يتم تنفیذه أولا ( حتي قبل تحمیل عناصر الصفحة) <Head> الوسمین <Body> ثم يتم تنفیذ كود الجافا سكربت المندرج بین الوسمین
امثلة <HTML> <HEAD> <TITLE> الفرق بین وضع الكود </TITLE> <script language="JavaScript"> document.write(" مرحبا بك في الوسم Head"); document.write("<br>"); </SCRIPT> </HEAD> <BODY> document.write(" مرحبا بك في وسم Body"); </BODY> </HTML>
------------------------------- امثلة </HTML> <HEAD> <TITLE>My First Script</TITLE> </HEAD> <BODY> <H2> this is my First JavaScript Code </H2> <HR> <SCRIPT LANGUAGE="JavaScript"> document.write("Hello World"); </SCRIPT> </BODY> ------------------------------- <HTML> // إظهار رسالة ترحيب للمستخدم document.write("مرحبا بكم"); document.write("<p>"); // طباعة سطر فارغ طريق الأول في body طريق الأول في head
امثلة HTML> <Title> الطریقة write </Title> <HEAD> <SCRIPT LANGUAGE="JavaScript"> document.write("<Font Color=red> هل انت متاكد من عملية الحذف </Font>"); document.write ("<br>"); اضافه سطر جديد document.write("<Center>" + "<Input type=button value= موافق>"); document.write("<Input type=button value= غير موافق ></Center>"); document.write("<br>"); </SCRIPT> </HEAD> <Body></Body> </HTML>
Javascript بعض اوامر الجافا سكربت .. 2-alert تقوم بإظھار رسالة إلي المستخدم . · كما سنري لاحقا ويكتب كودها بالشكل التالي ،window تعتبر إحدي الوظائف التابعة للكائن Window.alert ("welcome to Gaza"); بعض الاوامر التي تستخدم مع alert الامر وصف الامر مثال \n سطر جدید window.alert("hi \n all"); \t لترك مسافة بین كل كلمة وكلمة بحیث تظهر كجدول window.alert("hi \t all"); \r لوضع كل كلمة بسطر ولكن بإختلاف الposition window.alert("hi \r all"); \\ لكتابة رمز (\) window.alert("hi \\ all"); \" لكتابة رمز(") window.alert("hi \" all"); \’ لكتابة رمز(‘) window.alert("hi \' all"); ملاحظة : لكتابة سطر جدید لعمل سطر جدید \r\n قمنا بإستخدام علامات : alert بالامر اما بالامر write قمنا باستخدام الوسم <br>
------------------------------------- امثلة <HTML> <Title> الطريقة alert </Title> <HEAD> <SCRIPT LANGUAGE="JavaScript"> Window.alert("من فضلك يجب إدخال بيانات صحيحة"); </SCRIPT> </HEAD> </HTML> ------------------------------------- alert("من فضلك يجب إدخال بيانات صحيحة")
Javascript بعض اوامر الجافا سكربت .. 3-confirm تقوم بإظهار رسالة مثل الطریقة alert السابقة بالإضافة إلي أنها تقوم بإرجاع أحدي القیمتین false أو true كما سنري لاحقا ويكتب كودها بالشكل التالي ،window تعتبر إحدي الوظائف التابعة للكائن Confirm (" ("ضع هنا رسالتك window. Confirm (" ضع هنا رسالتك"); مثال <HTML> <Title> الطریقة confirm </Title> <HEAD> <SCRIPT LANGUAGE="JavaScript"> confirm(" ("من فضلك هل أنت متأكد من إتمام عملیة حذف هذا الملف؟; </SCRIPT> </HEAD> </HTML>
Javascript بعض اوامر الجافا سكربت .. 4-prompt تقوم بإظهار رسالة مثل الطریقة confirm السابقة بالإضافة إلي أنها تقوم بإرجاع أحدي القیمتین القیمة المدخلة من خلال المستخدم أو القیمة (null) وهي تعني لاشئ. كما سنري لاحقا ويكتب كودها بالشكل التالي ،window تعتبر إحدي الوظائف التابعة للكائن prompt("ضع رسالتك هنا ", "القيمة الافتراضية للقيمة الراجعة "); window. prompt ("ضع رسالتك هنا ", "القيمة الافتراضية للقيمة الراجعة "); مثال <HTML> <Title> الطریقة prompt </Title> <HEAD> <SCRIPT LANGUAGE="JavaScript"> alert( prompt( "أدخل هنا اسمك" ,"ما هو اسمك")); << تم دمج رساله تنبيه مع مربع ادخال </SCRIPT> </HEAD> </HTML>
المتغيرات المتغیر ھو جزء من ذاكرة الجھاز يتم إعطاء اسم له ، يعتبر بمثابة مخزن للبیانات أنواع البیانات : تختلف أنواع البیانات فمثلا يستطیع الإنسان إدراك التمیز بین الحروف الأبجدية و الأرقام وبین النصوص والقیم العددية وھكذا ، وأيضا توفر لنا لغة الجافا سكربت التمیز بین ٤ أنواع من البیانات : String النصوص Number القیم العددية Boolean ( الحالة البولینیة ( صح أم خطأ Null القیمة لا شئ طريقة تسمیة المتغیرات: :تسمیة المتغیرات تخضع لشروط أساسیة يجب توافرھا لیعمل البرنامج بالصورة الصحیحة وھي كالتالي الخانة الأولي من إسم المتغیر لابد أن تكون أحد الأحرف الإنجلیزية سواءً حرفا كبیرا أو صغیرا مع ملاحظة · الفرق بینھما ، ويمكن البدء بعلامة _ أو علامة $ ، مع أنه لاينصح بإستخدام العلامة الأخیرة. لايمكنك إطلاقا إٍستخدام رقم كأول خانة في الإسم. · الأسماء لايمكن أن تحوي مسافات بین أحرفھا ، لكن يمكنك إستخدام العلامة _ بدل المسافات. · لايمكن لأي إسم أن يماثل أيا من الكلمات المحجوزة وھذه القاعدة عامة لجمیع لغات البرمجة.
المتغيرات امثلة على التسمیة الصحیحة للمتغیرات : Address1 A4xb5 lastName _firstName parent_Name · امثلة على التسمیة غیر الصحیحة للمتغیرات : 1stName ?subName last name userID@· ملاحظات ھامة عند تسمیة المتغیرات : جرت العادة عند تسمیة المتغیرات في الجافا سكربت أنه لا يفضل إستخدام الحرف _ للفصل بین مقاطع الكلمات ولكن يتم دمج المقاطع مع جعل الحرف الأول صغیر وأول حرف من المقاطع التالیة يكون ذو حرف كبیر فعلي سبیل المثال عندما نريد تسمیة متغیر لیعبر عنlast name لا يفضل تسمیته كما يلي Last_name ولكن يفضل تسمیة كما يلي lastName. كما نعلم فإن لغة الجافا سكربت تمیز بین حالة الحروف الكبیرة والصغیرة فإن المتغیر . LastName لیس مثل المتغیر lastName
المتغيرات تعريف المتغیرات : كما علمنا أن المتغیرات ھي أسماء لحجز أماكن في ذاكرة الجھاز لحفظ البیانات التي تسند إلیھا . وقبل أن var تستخدم أيا من ھذه المتغیرات لابد من الإفصاح عنھا ، وذلك بإستخدام الأمر var firstName; من الممكن الإعلان عن أكثر من متغیر في سطر واحد var firstName, lastName, userID; يمكننا إسناد القیم الى ھذه المتغیرات أثناء تعريفھا والإفصاح عنھا، كما يلي: var firstName, lastName = " علي ", userID = 13; مثال <HTML> <Title> المتغیرات </Title> <HEAD> <SCRIPT LANGUAGE="JavaScript"> var username = prompt("ما هو اسمك"," أدخل هنا اسمك"); alert( " : مرحبا بك یا " + username ); </SCRIPT> </HEAD> </HTML
المتغيرات مثال 2 <HTML> <Title> المتغیرات </Title> <HEAD> <SCRIPT LANGUAGE="JavaScript"> var userage, username; userage = confirm ("هل عمرك اقل من 20 عام ؟"); username = prompt("ماهو اسمك","ادخل هنا اسمك"); alert( " مرحبا بك يا " + username ); document.write("<b> مرحبا بك يا </b>" + username +"<br>") document.write("<b> عمرك اقل من 20 عام </b>"+ userage + "<br>"); </SCRIPT>
المعاملات :Operators المعاملات · تعتبر المعاملات ھي الوسیط الأساسي للتعامل بین قیم المتغیرات . وتنقسم المعاملات إلي غدة أقسام كما يلي : Arithmetic Operators معاملات رياضیة o Concatenation Operators معاملات دمج النصوص o Comparison Operators معاملات المقارنة o Logical Operators معاملات منطقیة o Unary Operators معاملات احادية o Assignment Operators معاملات تغیر القیم o Shift & Bitwise Operators معاملات التعامل بالنظام الثنائي o Arithmetic Operators معاملات رياضیة تستخدم لإجراء العملیات الرياضیة من جمع وطرح وضرب وقسمة وباقي القسمة . + تستخدم لإجراء عملیات الجمع الرياضي . · - تستخدم لإجراء عملیات الطرح الرياضي . · * تستخدم لإجراء عملیات الضرب الرياضي . · / تستخدم لإجراء عملیات القسمة الرياضي . · % تستخدم لحساب باقي القسمة الرياضي
المعاملات مثال: <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> alert(5%2); </SCRIPT> </HEAD> </HTML> Concatenation Operators معاملات دمج النصوص + كما تستخدم لإجراء عملیات الجمع الرياضي تستخدم لدمج النصوص كما يلي : var username = "محمد"; alert( " : مرحبا بك یا " + username ); مثال var txt1,txt2,txt3; txt1="What a very"; txt2="nice day"; txt3 =txt2 +txt1; document.write( txt3);
المعاملات المعاملات المعاملات أو العملیات الحسابیة والمنطقیة تستخدم لإجراء الحسابات على قیم المتغیرات. توجد خمسة أنواع من المعاملات كالتالي:
المعاملات الریاضیة
المعاملات مثال: <SCRIPT LANGUAGE="JavaScript"> alert( "5 == 2 : " + (5 == 2) ); alert( "7 == 7 : " + (7 == 7) ); </SCRIPT> Logical Operators معاملات منطقیة . false أو true تستخد لإجراء مقارنة منطقیة ، وغالبا ما تكون أطراف المقارنة إحدي القیم . false أو true عند إجراء مقارنة يكون ناتج ھذة المقارنة إحدي القیم اما : && · وغیر ذلك true عندما يكون طرفي المقارنة يساوي true تعني العملیة المنطقیة "و" وتقوم بإرجاع القیمة كما يلي : false سوف يؤدي إلي إرجاع القیمة الناتج القیمة القیمة True True True False False True False True False False False False
المعاملات : Unary Operators المعاملات الاحادية تستخدم لإجراء العملیات الرياضیة من جمع وطرح بشكل مختصر جدا . وتسمي ھذه المعاملات بأنھا معاملات احادية لأنھا تتعامل مع طرف واحد ++ : تستخدم لزيادة قیمة الطرف (العامل) الممرر لھا بمقدار واحد صحیح . · - - : تستخدم لإنقاص قیمة الطرف (العامل) الممرر لھا بمقدار واحد صحیح . · ملاحظة هامة يوجد أربع أنواع للمعامل -- أو ++ 1) a++ 2) ++a 3) --a --a وفي النوع الأول والرابع تقوم بعملية الزيادة و الإنقاص قبل الإسناد مثال <SCRIPT LANGUAGE="JavaScript"> var num1 = 5, num2; num2 = num1++; اسناد نفذ قبل الزيادة و الناتج = 5 alert( "num2 = " + num2 ); alert( "num1 = " + num1 ); </SCRIPT>
المعاملات <SCRIPT LANGUAGE="JavaScript"> var num1 = 5, num2; alert( "num2 = " + num2 ); alert( "num1 = " + num1 ); </SCRIPT> امثلة var num1 = 13; num1--; alert( "num1 + 1 = " + (num1 + 1) ); alert( "num1 ++ = " + ++num1 ); var num1 = 3, num2; num2 = ++num1 + 4;
المعاملات Operator Precedence أولوية تنفیذ المعاملات 2 + 4 * 3 النتيجة (16) و (18) اي منهما الصح؟ مثال: var num1 = 2 ,num2 = 4 , num3; num3 = num1 + num2 * 3; alert( "num3 : " + num3 ); num3 = (num1 + num2) * 3; num3 = ( (num1 + num2) / 2 + 6 ) * 3;
المعاملات معاملات تغیر القیم Assignment Operators تستخدم لتغیر قیمة المعامل الموجود بالطرف الأيسر = : لتغیر قیمة الطرف الأيسر بقیمة الطرف الأيمن . · =+ : لزيادة قیمة الطرف الأيسر بمقدار قیمة الطرف الأيمن . · =- : لنقص قیمة الطرف الأيسر بمقدار قیمة الطرف الأيمن . · =* : لضرب قیمة الطرف الأيسر في قیمة الطرف الأيمن ووضع الناتج لیكون قیمة الطرف الأيسر . · =/ : لقسمة قیمة الطرف الأيسر علي قیمة الطرف الأيمن ووضع الناتج لیكون قیمة الطرف الأيسر . · =% : لحساب باقي قسمة قیمة الطرف الأيسر علي قیمة الطرف الأيمن ووضع الناتج لیكون قیمة الطرف الايسر مثال: var num = 6; num += 5; alert( "num : " + num ); ويعني أضف إلي قیمة المتغیر num المقدار 5 وھذا السطر يكافئ السطر التالي : num = num + 5; مثال اخر: num *= 5;
جمل الشرطConditional Statements if جملة الشرط وتستخدم لعمل تفريع بمسار البرنامج . if من أشھر جمل الشرط الجملة if الصیغة العامة لجملة الشرط :كما يلي if توجد عدة صیغ لجملة الشرط : if الصیغة الفردية أو اي قیمة عددية غیر الصفر أو ) true وفیه يتم حساب قیمة جملة الشرط فإذا كانت جملة الشرط تكافي القیمة ، if فعندئذ يتم تنفیذ الأكواد بین أقواس جملة الشرط ، ( null اي قیمة نصیة غیر قیمة النص الفارغ أو القیمة أو القیمة العددية صفر أو القیمة النصیة الفارغة ) سوف يتم تجاھل تنفیذ الأكواد ) false وإذا كانت تكافئ القیمة .بین أقواس جملة الشرط
If (جملة الشرط) { الاكواد } أوامر خارج الدالة مثال <SCRIPT LANGUAGE="JavaScript"> var num = 78; if( num >= 50 ) alert( " المتغیر num = " + num + "\n اكبر او يساوي 50"); </script>
جمل الشرطConditional Statements <SCRIPT LANGUAGE="JavaScript"> var pass="ali"; var pass2; pass2 = window.prompt (" كلمة السر"," ادخل كلمة السر"); if (pass == pass2) { document.write ("اهلا بك "); } </script> : if ... else الصیغة المزدوج أو اي قیمة عددية غیر الصفر أو ) true وفیه يتم حساب قیمة جملة الشرط فإذا كانت جملة الشرط تكافي القیمة ، if فعندئذ يتم تنفیذ الأكواد بین أقواس جملة الشرط ، ( null اي قیمة نصیة غیر قیمة النص الفارغ أو القیمة أو القیمة العددية صفر أو القیمة النصیة الفارغة ) سوف يتم تجاھل تنفیذ الأكواد ) false وإذا كانت تكافئ القیمة . else ثم يتم تنفیذ الأكواد المنحصرة بین أقواس الجملة if بین أقواس جملة الشرط if (الشرط) If كود else Else كود }
جمل الشرطConditional Statements <SCRIPT LANGUAGE="JavaScript"> var pass="ali"; var pass2; pass2 = window.prompt (" كلمة السر"," ادخل كلمة السر"); if (pass == pass2) { document.write ("اهلا بك "); } else document.write (" كلمة السر غیر صحیحة "); document.write (" في عالم البرمجة "); </script>
جمل الشرطConditional Statements : if ... else if … else الصیغة المركبة أو اي قیمة عددية غیر الصفر أو ) true وفیه يتم حساب قیمة جملة الشرط فإذا كانت جملة الشرط تكافي القیمة ، if فعندئذ يتم تنفیذ الأكواد بین أقواس جملة الشرط ، ( null اي قیمة نصیة غیر قیمة النص الفارغ أو القیمة أو القیمة العددية صفر أو القیمة النصیة الفارغة ) سوف يتم تجاھل تنفیذ الأكواد ) false وإذا كانت تكافئ القیمة ثم ينتقل الي جملة الشرط التالیة ويفعل معھا مثل ما سبق فإذا كانت كل جمل الشرطif بین أقواس جملة الشرط فإن وجدت فسوف يتم تنفیذ الأكواد المنحصرة بین أقواس الجملة else فسوف يتم البحث عن جملة false تؤول إلي فلن يتم تنفیذ شئ. else وإن لم يجد جملة else if (جملة الشرط رقم) { If كود } Else if (2جملة الشرط رقم) Else if كود Else كود
جمل الشرطConditional Statements وبدون else يكون كالتالي if (جملة الشرط رقم) { If كود } Else if (2جملة الشرط رقم) Else if كود مثال var num = 48; if( num >= 1 && num <= 10 ) { alert("العدد num\n محصور بين 1و 10 ");} else if( num > 10 && num <=20 ){ alert("العدد num\n اكبر من 10 واقل من او يساوي 20");} else if( num > 20 && num <=30 ){ alert("العدد num\n اكبر من 20 واقل من او يساوي 30");} Else alert("العدد num\n اكبر من 30 ");
جمل الشرطConditional Statements نفس المثال و لكن بدون else لن يتم ظھور اي رسائل لعدم تحقق اي من الشروط السابقة var num = 48; if( num >= 1 && num <= 10 ) { alert("العدد num\n محصور بين 1و 10 "); } else if( num > 10 && num <=20 ) { alert("العدد num\n اكبر من 10 واقل من او يساوي 20"); } else if( num > 20 && num <=30 ) { alert("العدد num\n اكبر من 20 واقل من او يساوي 30"); } مثال var userPassword = "123"; var password = prompt(" ادخل كلمة السر"," "); if( password == userPassword ){ alert(" مرحبا بك \n كلمة السر صحيحة"); }else{ alert("كلمة السر غير صحيحة");
جمل الشرطConditional Statements مثال var num = 4; if( ++num == 5 ) { alert(" العددnum \n ساوي 5"); } مثال اخر alert(" العددnum \n يساوي 5"); }else{ alert( "num = " + num );
جمل الشرطConditional Statements switch جملة الشرط وتستخدم تنفیذ واحد من مجموعة من النصوص البرمجیة عند تحقق شرط معین. عندما یكون لدینا عدة خیارات و نرید أن نخرج بواحد منهم وهو الذي نریده أما ماهو الذي نریده من بین الخیارات والذي سوف نخرج به سوف یحدده المتغیر الذي سوف ندخله والذي سوف یتفق مع واحدة من هذه الخیارات ویحققه . switch ( المتغیر) { بداية case :الاحتمال الأول المطلوب لهذا الاحتمال break; case :الاحتمال الثاني case :الاحتمال الثالث . default : تفعيل هذا البناء في حال كانت الشروط السابقة غير صحيحة }اغلاق break و default يمكن الاستغناء عن
جمل الشرطConditional Statements جملة الشرط switch يتم مقارنة المتغیر أو العملیة المراد مقارنتھا بالقیم الموجودة بحالات ( cases) جملة switch فإذا تساوت وتنفیذ الأكواد التي بداخلھا ، وإن لم يتم case إحداھما مع قیمة المتغیر المقارن يتم الدخول داخل ھذة الحالة فإذا وجدت يتم الدخول default يتم البحث عن الحالة الخاصة switch تساوي القیمة المقارنة باي من حالات جملة فیھا ثم تنفذ الأكواد الموجودة بھا . ملاحظة: switch حتي تنھي جملة break يجب وضع الأمر fall through لتفادي حدوث عملیة السقوط أو ما يسمي بي ولكن في بعض الأحیان نحتاج لعدم تلافي عملیة السقوط كما سنري بالأمثلة القادمة .
مثال var country ; country = window.prompt( " الدول العربية" ," أدخل الدولة لتعرف عاصمتها "); switch (country ) { case "فلسطين“ : document.write("<h3> عاصمتها القدس الشريف </h3>") ; break ; case "العراق“ : document.write("<h3> بغداد عاصمتها</h3>") ; break; case "السودان“ : document.write("<h3> عاصمتها الخرطوم </h3>") ; case "سوريا“ : document.write("<h3> عاصمتها دمشق </h3>") ; default : Window.alert ("الدولة المطلوية غير موجودة\n اعد المحاولة") ; }
مثال var grade=window.prompt(“ادخل تقدير ”); switch (grade) { case 'A': document.write("ممتاز<br />"); break; case 'B': document.write(« جيد جدا <br />"); case 'C': document.write("جيد<br />"); case 'D': document.write("مقبول<br />"); case 'F': document.write("راسب<br />"); default: document.write("لا أعرف <br />") }
في حاله ثبتنا قمه المتغير =4 ملاحظه :/n اضافه سطر في رساله تنبيه alert مثال var num = 4; switch( num ) { case 1 : alert( "العدد num \n يساوي 1" ); break; case 2 : alert( "العدد num \n يساوي 2" ); case 3 : alert( "العدد num \n يساوي 3" ); case 4 : alert( "العدد num \n يساوي 4" ); default : alert( "العدد num \n يساوي " + num ); }
عمل تعليق اكثر من سطر
الحلقات باستخدام التكرار Loop عند كتابتك لكود معين وتريد أن يكون هذا الكود مماثل لعدة مرات بالظهور نفسه مجدداً ضمن سطر معين . عوضاً عن كتابة الكود أكثر من مرة يمكنك استخدام الكود مرة واحدة وبشكل حلقات متتالية عندها يظهر الكود الذي تريد أكثر من مرة . هناك نوعين من الحلقات في الجافاسكربت : الحلقات باستخدام for : من خلال استخدام مجموعة أكواد لتحديد عدد مرات معينة . الحلقات باستخدام do.. while - while : من خلال استخدام مجموعة أكواد عند تحقق شرط معين
الحلقات باستخدام التكرار for for (variable=startvalue ; variable<=endvalue ; variable=variable+increment) { كود هنا } مثال في المثال التالي سيتم تحديد حلقة تبدأ من i=0 وسيستمر الكود بالعمل طالما أن المتغير i هو أصغر أو يساوي 10 وسيتم زيادته برقم واحد 1 كل مرة تدور بها الحلقة .
انشاء تعليق //
الحلقات باستخدام التكرار while while (variable<=endvalue) { كود هنا variable=variable+increment // او x++ } ملاحظة : يمكن استعمال أي نوع مقارنة من اشارات الأكبر والأصغر وغيرها التي تم شرحها في دروس سابقة .
مثال في المثال التالي سيتم تحديد حلقة تبدأ من i=0 وسيستمر الكود بالعمل طالما أن المتغير i هو أصغر أو يساوي 5 وسيتم زيادته برقم واحد 1 كل مرة تدور بها الحلقة .
الحلقات باستخدام التكرار do…while يعتبر do … while نوع من أنواع حلقات while ويستخدم لإظهار مجموعة من الأكواد مرة واحدة ثم يتم تكرار الحلقة طالما الشرط المخصص صحيح do { الكود المراد إظهاره variable=variable+increment // او x++ } while (variable<=endvalue); في المثال التالي سيتم استخدام حلقة do… while وستم إظهار الكود مرة واحدة حتى لو كان الشرط خاطئ لأن التعبير تم إنشائه قبل فحص الشرط .
يمكن استدعاء الكود الوظيفي عند حدث معين أو عند استدعاء الكود الوظيفي . لدوال functions يمكن استدعاء الكود الوظيفي عند حدث معين أو عند استدعاء الكود الوظيفي . لتتجنب إظهار الأكواد في المتصفح عند تحميل الصفحة يمكن وضع الكود ضمن كود وظيفي . يحتوي الكود الوظيفي الذي سيظهر في المتصفح من خلال حدث معين أو من خلال استدعاء للكود كما يمكنك استدعاء الكود من أي مكان في صفحة الويب أو من خلال صفحة أخرى حيث يكون الكود موجود في ملف جافاسكربت خاص امتداده
كيفية يمكن تعريف الكود الوظيفي التركيبة يمكن استخدام الكود الوظيفي من خلال أولاً كتابة كلمة function ثم اسم الوظيفة ثم اذا أردنا ادراج متغيرات يجب وضعهم بين أقواس وأخيراً بين الأقواس المنحنية نضع الكود الذي نريد استخدامه . function functionname(var1,var2,...,varX) { كود هنا }
ان الباراميترات var1 و var2 الخ هي متغيرات أو قيم تمر تمريرها الى الكود الوظيفي ويمكن استخدام } الأقواس المنحنية { لتحديد بدابة ونهاية الكود الوظيفي . ملاحظة : عند عدم استخدام أي باراميتر يجب استخدام الأقواس () بعد اسم الكود الوظيفي . 2. لاتنسى أهمية تشكيل الأحرف عند كتابة واستدعاء اسم الكود الوظيفي في الجافاسكربت أي الأحرف الكبيرة والصغيرة أي أن كلمة function يجب أن تكون بأحرف صغيرة حصراً ولاسيحدث خطأ . 3. أيضاً يجب استدعاء اسم الكود الوظيفي بنفس كتابة ذلك الاسم عند إنشائه
عمر المتغيرات في الجافاسكربت JavaScript ان قمت باستدعاء متغير باستخدام var ضمن الكود الوظيفي function فإن المتغير سيتم استخدامه فقط داخل الكود الوظيفي وسيتم اهماله خارج الكود الوظيفي . تسمى تلك المتغيرات بالمتغيرات المحلية . ان قمت باستخدام متغير خارج الكود الوظيفي فإن جميع الأكواد يمكنها استخدامه كما يبدء عمر المتغير عند إنشائه وينتهي عند اغلاق الصفحة .
الملف قابل لتحديث دائماً الملف قابل لتحديث دائماً