Java Script Eng : SAHAR

Programming Language HHL (High level language) لغات عالية المستوى LLL (Low level language) لغات منخفضة المستوى Java Script is HLL

Usage of JavaScript Creating a Programmable Web Page

Introduction to JavaScript JavaScript is an interpreted programming or script language from Netscape. JavaScript is used in Web site development to such things as:  automatically change a formatted date on a Web page  cause a linked-to-page to appear in a popup window  cause text or a graphic image to change during a mouse rollover

Writing a JavaScript Program JavaScript programs can either be placed directly into the HTML file or they can be saved in external files. The Web browser runs a JavaScript program when the Web page is first loaded, or in response to an event. بيتم كتابة أكواد الجافا في أي مكان داخل كود HTML أي يمكن كتابتها في أو في بيظهر أثر الكود في صفحة المتصفح

How To Write Java Script In HTML ………. Java Script Code

OR ………. Java Script Code

Write Java Script Code

Alert Code بيستخدم لإظهار رساله تلقائيه للمستخدم حين فتحه للموقع Alert (“ نص الرسالة ”); ; تستخدم لإنهاء السطر

Save Project لحفظ البرنامج بيتم الحفظ بإمتداد html و يتم ضبط encoding علي UTF-8 وذلك لكي ندعم إستخدام كل اللغات بما فيهم اللغة العربيه File  save (name.html utf-8)

EX: 1. إظهار رسالة ” welcome“ للمستخدم عند بدإ فتح الصفحة 2. إظهار رسالة ” HIIIIII“ للمستخدم بعد إظهار رسالة ” Welcome“

EX1 JavaScript alert ("welcome");

EX 2 JavaScript alert ("welcome"); alert (“HIIIII");

Calculations يوجد بلغات البرمجة أولويات للعمليات الحسابيه و حيث أن العمليات الحسابيه هي +, -, *, /, ^ لذلك نتبع إستخدام الأقواس لضبط العمليه الحسابية الترتيب الذي تأخذه العمليات الحسابيه الأسس ثم القسمه أو الضرب تم الجمع أو الطرح

How To Use operation in Alert Alert ((5+15)*3);

OOP البرمجه الشيئيه بتتكون من كائنات لها أحداث و يصاحبها أفعال ( وظائف ) و لها خصائص لغة الجافا سكربت من البرمجه الشيئيه لذلك فهي لها كل ما سبق

Window.Alert لأن alert هو الفعل المصاحب للكائن (Window) AS : Window Alert (“Welcome”);

Others For Alert Alert ( “ Welcome \n Ali”) Alert ( “ Welcome \t Ali”) \n تعني الكتابه في سطر جديد \t تعني ترك مسافه

Document. Write للكتابه داخل الصفحة Document. Write (“ النص المراد كتابته ”) EXAMPLE ???????????

Variables A variable is a named element in a program that stores information. The following restrictions apply to variable names المقصود بالمتغيرات هي حجز أماكن في زاكرة الجهاز ففي لغة الجافا سكربت تعرف المتغیرات ب.( Var )

Condition To Type Variable لا يوجد بها مسافة لا تستخدم العلامات الخاصه ك (#, ^, &, * … etc) تكتب كلها إما Capital أو Small و يفضل أن تكتب Small لا يمكن التسميه باللغة العربيه لا يمكن بدء الإسم برقم لا تستخدم الكلمات المحجوزه

الكلمات المحجوزه بالجافا breake case continue delete do else false for function if in new null return switch this true typeof var voide while with

Variables Var x ; Var x = Num; Var x = “ Name”; EX : Var x = “ Welcome”; Var x = 5;

Window. Confirm تستخدم لإظهار رساله للمستخدم لكنها مختلفه عن رسالة Alert Window. confirm (“Are You Sure??”) بتظهر رساله فيها OK, Cancel

Window. Prompt تستخدم لإظهار رساله للمستخدم يمكنه الكتابه فيها Window. prompt (“Your Name?"," Name”)

EX: نريد إظهار رسالة للمستخدم تسأله عن إسمه ثم بعد ذلك يرحب بإسم الشخص في الصفحة //Var X ; X = window prompt (“Your Name"," Name”); Document. Write (“Welcome” +X)

External Code بيتم كتابة الكود خارج الصفحة ؤ يتم إستدعاؤه بها Note My Code  External File Name JS  Extention

IF Statement IF ( الشرط ) { جواب الشرط } EX حساب مجموع كلا من المتغيرين X,Y حيث X=10 Y = 20 و إظهر المجموع في رسالة

Var x = 10; Var y =20 ; Var sum = 0; IF sum ==0 { sum = x+ y; Window. Alert (“total is”+” ” + Sum); }

IF Statement IF ( الشرط ) { جواب الشرط } Else IF ( الشرط ) { جواب شرط أخر } Else ( الشرط ) { جواب شرط أخر }

EX: Var x = 0 ; If (x==0){ Window. alert (“ صفر ”); } Else If (x > 0){ Window. alert (“ رقم موجب ”); } Else If (x< 0){ Window. alert (“ رقم سالب ”); }

Else { Window. alert (“ ليس رقما ”); }

Event < Input type =“button” value = “ click “ On click = “ alert (‘you clicked me ‘)” > يظهر Button عند الضغط عليه يعطي رسالة

Function Function msg () { Alert (“you clicked me ”) ; } Input type “button” value = “ click “ On click =msg ();

Switch Case Switch ( ) { Case “ “ : Alert (“ ”); break ; Default : Alert ( “ ” ) }

var country ; country=window. prompt( “ أدخل الدولة لتعرف عاصمتها "); switch ( country ) { Case ” مصر ” : document. write(" عاصمتها القاهره ") ; break ; Case “ العراق ” : document. write(" عاصمتها بغداد ") ; break; Case “ السودان ” : document. write(" عاصمتها الخرطوم ") ; break ; default : document. write(" الدولة التي أدخلتها لیست من ضمن الخیارات المتاحة ") ; }

Arrays تستخدم لتعريف المتغيرات فهي أشبه ما يكون بالجدول حيث يمكننا تخزين متغير واحد في مجموعة من الخانات يمكن أن تكون القيم رقميه او نصية Var …… = new Array (“.... “, “….”, ”….” ) عناصر المصفوفه إسم المتغير

EX: Var names = new Array (“ Ali “, “Ahmed”, ”samy” ); Alert (names[0]);

Another Method to Define Array Var Names = new Array (); Names [0] = “Ali”; Names [1] = “Ahmed”; Names [2] = “Samy”; Names [3] = “Ramy”; Alert ( Name[..] );

Loops FOR LOOP For ( Initial value; condition; increment ) { }

EX : for (i=0 ; i<10 ; i++) { document.write("welcome " ); }

While Loop Var I = 0 ; While (i<0) { Document.write ( “ welcome ”); i++ ; }

do …..while Var i = 0 ; do { document.write ( “ welcome “); i++ ; } while (i<10);

String السلاسل النصيه EX : Var text = “how are you”; Document. write (text) Document. write (text. bold()); لجعل النص سميك

Document. write (text. bold(). Strike()); لجعل النص سميك و مشطوب Document. write (text. font color (“red”)); لتغيير لون النص Document. write (text.toUpperCase ()); لجعل أحرف النص كبير Document. write (text.toLowerCase ()); لجعل أحرف النص صغيره

Text. length Document. write (text. length ) تستخدم لتحديد طول النص المكتوب و هي Property وليست Method فلذلك لا يتبعها أقواس ()

Index Of & Match Index of  Position of The first letter of text Match  the text

EX: Var text = “ How are you Ali ?“; Document. Write (text. index of (“Ali”); Document. Write (text. match of (“Ali”);

What about ???? Document. Write (text. index of (“ali”); Or Document. Write (text. index of (“Ahmed”); Document. Write (text. match of (“ali”); Or Document. Write (text. match of (“Ahmed”);