1 / 24

CHAPTER 10 JAVA SCRIPT

CHAPTER 10 JAVA SCRIPT. JAVA SCRIPT. Language that will allow you to add real programming to your web pages. Most of the browser today have their JavaScript interpreter. We used JavaScript for: Browser Detection-Detecting the browser used by a visitor at your page.

ekram
Download Presentation

CHAPTER 10 JAVA SCRIPT

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. CHAPTER 10JAVA SCRIPT

  2. JAVA SCRIPT • Language that will allow you to add real programming to your web pages. • Most of the browser today have their JavaScript interpreter. • We used JavaScript for: • Browser Detection-Detecting the browser used by a visitor at your page. • Cookies- To store the information on the visitor computer and then retrieve this information automatic next time the user visit your page. • Control Browsers- Opening pages in customized windows, where you specify if the browsers buttons, menu line, status line or whatever should be present. • Validate Forms-Validating inputs to fields before submitting a form.

  3. HOW TO ADD JAVA SCRIPT • This script tell the browser where JavaScript starts and ends. Syntax : <Script language=“JavaScript”> </Script> • Example: <HTML> <BODY> <Script language =“JavaScript”> //type the message/text </Script> </BODY> </HTML>

  4. IMPORTANT ! • A few things you need to know before you write a JavaScript code : • JavaScript-lines ends with a semicolon(;). • Should always put the text within “ ”. If you forget to enclose your text in “ ”, JavaScript will interpret your text as being variables rather than text. • Capital letter are different from non-capital letters.(so you need to follow the capital letters at exactly the right places)

  5. VARIABLES • All variables are referred to the unique name you assigned to them. • The variable with capital letter is difference with variable non-capital letters. • Example: Myname , MyName.

  6. ASSIGN VALUE TO VARIABLE • Used equal-sign. • We can assign a value or text to variables. • Example: • Assigned a text to variables: FirstName=“Dit4”; • Assigned a value to variables: a= 3; a++; • Used a standard operator such as -, +, * and / in our web page. • We also can used ++, -- and % operator for increment, decrement and returns modulus value to a variable. • Example: a=2; b=a++; FirstName=“AIM”; LastName=“Alor Setar”; FullName=FirstName+ “ ”+LastName;

  7. MESSAGE BOX • Three pop-up windows that we can add in our web pages. • alertbox • confirmbox • promptbox

  8. ALERTBOX • Used when we want to make sure an information comes through to the user. • Syntax: alert (“text”); • Example: • alert(“Welcome to my homepage”); • Message box windows will provide the “OK” button. • So user need to click “OK” to proceed.

  9. COMFIRMBOX • Used when we want the user to agree to or accept something. • Syntax: confirm (“your text”); • Example: confirm (“You are 20 years old”); • Message box window will provide the “OK” and “ Cancel” button, so user need to click “OK” button or “CANCEL” button to proceed. • “OK” – returns the value true • “CANCEL” – returns the value false.

  10. PROMPBOX • Used when the user should input a value before entering the page. • Example: enter username, password. • Used together with variables. • Syntax: • prompt (“your text”, “default value”); • Example: • Username= prompt(“please enter your name”, “enter your name here”); • User need to click “OK” button or “CANCEL” button after entering the text. • “OK” – the promptbox returns the entry. • “CANCEL” – the promptbox returns null.

  11. SELECTION • The selection control structure in JavaScript are: • If selection • If/else selection • Nested if selection • Multiple selection (switch) • Comparing operator : = = equal to != not equal to < less than > greater than < = less than or equal to > = greater than or equal to

  12. IF SELECTION • Syntax: if (condition){action 1}; • Example: if (browser ==“Mozila Firefox”) { alert (“you are using Mozila Firefox”) };

  13. IF/ELSE SELECTION • Syntax: if (condition){action 1} else {action 2}; • Example: if (browser ==“Mozila Firefox”) { alert (“you are using Mozila Firefox”) } else { alert (“you are using Netscape”) };

  14. NESTED IF • Example: a= prompt(“please enter first number”, “0”); b= prompt (“please enter second number”, “0”);   if (a==b) { if (a>0) { Alert (“both number are equal and a is positive number”); } }; • Syntax: if (condition) { if (condition) {action 2} else {action 3} };

  15. MULTIPLE SELECTION (SWITCH) • Is used to handle decision making. • Syntax: switch (variablename) { case “label_1” : statements_1; break; case “label_2” : statements_2; break; case “label_n” : statement_n; break; default: statements; }

  16. BOOLEAN OPERATOR • We call as a logical operator and use to enhance our if statement. • Example of logical operator: AND (&&), OR (||) and NOT (!). • AND - Use when we want to check if more than one condition to be true. • OR- Use when we want to check if more than one condition should result in the check being true. • NOT- Use to invert whatever we are checking for.

  17. LOOP • Used to make sure we can display data for more then one times. • 3 different loop: • for loop • while loop • do while loop

  18. FOR LOOP & WHILE LOOP FOR LOOP • Used when we know in advance how many times the script should perform the similar task. • Syntax: for (variable=startvalue; variable<=endvalue; variable= variable + incrementfactot) WHILE LOOP • Used when we don’t know in advance how many times the loop should be performed. • Syntax: while (variable <=endvalue) { //type the JavaScript code,increment and decrement }

  19. DO WHILE LOOP • Used when we don’t know in advance how many times the loop should be performed. • Same with while loop, but in do.. While its test the condition at the end of the loop body. • The loop body always executed at least once. • Syntax do { //type the JavaScript code; Increment/ decrement; } while (variable <=endvalue);

  20. FUNCTION • The best way to develop and maintain a large program is to construct it small, simple pieces or modules. • Modules in JavaScript are called functions. • JavaScript programs are written by combining new functions that the programmer writes with “prepackaged” functions and object available in JavaScript. • The “prepackaged” functions that belong to JavaScript objects (such as Math.pow and Math.round) are often called methods.

  21. JavaScript provides several objects that have a rich collection of methods for performing common mathematical calculations, string manipulations, date and time manipulations and manipulations of collections of data called Arrays. • The programmer can write functions to define specific tasks that may be used at many points in a script (referred as a programmer-defined functions). • A function is invoked by a function call. • The function call specifies the function name and provides information (as arguments) that the called function needs to do its task.

  22. USER DEFINED FUNCTION • Syntax: function functionname (variable1,variable2….) { //here goes the Javascript for the function } • Must be type after <script Language=…> • Must be spelled exactly as function. • To call the function, just called the functionname that you give for your function.

  23. ARRAY • An array is a group of memory location that all have same name and same type. • Array is used to help us to automate the process. • When using variable-array, we need to define the array before referring it to any of the variable. • 2 types of array: • One Dimension • Two Dimension

  24. ONE DIMENSIONAL ARRAY • Syntax: Variablename=new Array; • Example: Assign data to array by using looping: var value=new Array; for (number=1; number<=100; number= number + 1) { value[number]= number * 10; };

More Related