Dilla University

School of Computing and

Informatics.

Web Programming
By:- Jibril H. 1
 Chapter Four

Client-Side Scripting Language

By:- Jibril H. 2
 Introduction


By:- Jibril H. 3
 Cont…


By:- Jibril H. 4
 Cont…


By:- Jibril H. 5
 Cont…


By:- Jibril H. 6
 Cont…





By:- Jibril H. 7
 Cont…


By:- Jibril H. 8
 Java Script Syntax


By:- Jibril H. 9
 JavaScript statements





By:- Jibril H. 10
 JavaScript Values





By:- Jibril H. 11
 JavaScript Literals


By:- Jibril H. 12
 JavaScript Variables


By:- Jibril H. 13
 JavaScript Operators



By:- Jibril H. 14
 Hyphens in javascript


By:- Jibril H. 15
 JavaScript Concatenation


By:- Jibril H. 16
 Types of Javascript


By:- Jibril H. 17
 Internal JavaScript





By:- Jibril H. 18
 Cont…


By:- Jibril H. 19
 Cont…





By:- Jibril H. 20
 External JavaScript





By:- Jibril H. 21
 Inline JavaScript handlers





By:- Jibril H. 22
 Comments





By:- Jibril H. 23
 JavaScript Output







By:- Jibril H. 24
 Using innerHTML






By:- Jibril H. 25
 Using document.write()


By:- Jibril H. 26
 Cont…


By:- Jibril H. 27
 Using window.alert()



By:- Jibril H. 28
 Using console.log()


By:- Jibril H. 29
 JavaScript Comparison Operators










By:- Jibril H. 30
 JavaScript Logical Operators





By:- Jibril H. 31
 Control Structure



By:- Jibril H. 32
 The if Statement
Use the if statement to specify a block of
JavaScript code to be executed if a condition is
true.
Syntax
if (condition) {
block of code to be executed if the condition is
true
}

By:- Jibril H. 33
 Cont…


By:- Jibril H. 34
 The else Statement


By:- Jibril H. 35
 The else if Statement


By:- Jibril H. 36
 Example


By:- Jibril H. 37
JavaScript Switch Statement


By:- Jibril H. 38
 The break Keyword






By:- Jibril H. 39
 The default Keyword





By:- Jibril H. 40
 Cont…



By:- Jibril H. 41
 Common Code Blocks


By:- Jibril H. 42
 JavaScript Loops








By:- Jibril H. 43
 The For Loop


By:- Jibril H. 44
 JavaScript While Loop



By:- Jibril H. 45
 The Do-While Loop



By:- Jibril H. 46
 The Continue Statement





By:- Jibril H. 47
 JavaScript Arrays


By:- Jibril H. 48
 Creating an Array


By:- Jibril H. 49
 Cont…


By:- Jibril H. 50
 Keyword new



By:- Jibril H. 51
 Access the Elements of an
Array


By:- Jibril H. 52
 Access the Full Array


By:- Jibril H. 53
 The length Property


By:- Jibril H. 54
 Associative Arrays






By:- Jibril H. 55
 Avoid new Array()





By:- Jibril H. 56
 Cont…





By:- Jibril H. 57
 JavaScript Sorting Arrays





By:- Jibril H. 58
 Reversing an Array


By:- Jibril H. 59
 Numeric Sort





By:- Jibril H. 60
 JavaScript Functions


By:- Jibril H. 61
JavaScript Function Syntax


By:- Jibril H. 62
 Cont…


By:- Jibril H. 63
 Function Invocation





By:- Jibril H. 64
 Function Return





By:- Jibril H. 65
 Example



By:- Jibril H. 66
 JavaScript Events
















By:- Jibril H. 67
 JavaScript HTML DOM
Events Examples






By:- Jibril H. 68
 Input Events

By:- Jibril H. 69
 The onchange Event


By:- Jibril H. 70
 Mouse Events

By:- Jibril H. 71
 Click Events

By:- Jibril H. 72
 Load Events

By:- Jibril H. 73
 JavaScript HTML DOM
EventListener







By:- Jibril H. 74
 Cont…





By:- Jibril H. 75
JavaScript Errors - Throw and
Try to Catch






By:- Jibril H. 76
 JavaScript try and catch


The JavaScript statements try and catch come in

pairs:
try {
Block of code to try
}
catch(err) {
Block of code to handle errors
By:-}Jibril H. 77
 JavaScript Throws Errors


By:- Jibril H. 78
 Cont…







By:- Jibril H. 79
 Example

By:- Jibril H. 80
 The finally Statement


By:- Jibril H. 81
 Example

By:- Jibril H. 82
 Cont...

By:- Jibril H. 83
 Cont…




By:- Jibril H. 84
 Reference Error


By:- Jibril H. 85
 Syntax Error


By:- Jibril H. 86
 Type Error


By:- Jibril H. 87
 URI Error


By:- Jibril H. 88
 User Inputs : Form Processing



By:- Jibril H. 89
 Cont…


By:- Jibril H. 90
 JavaScript Popup Boxes


By:- Jibril H. 91
 Confirm Box


By:- Jibril H. 92
 Prompt Box





By:- Jibril H. 93
 JavaScript Cookies




By:- Jibril H. 94
 Cont…




By:- Jibril H. 95
 Create a Cookie with JavaScript









By:- Jibril H. 96
 Cont…






By:- Jibril H. 97
Delete a Cookie with JavaScript





By:- Jibril H. 98
 Javascript cookie function





By:- Jibril H. 99
 Cont…

By:- Jibril H. 100

 A Function to Get a Cookie


By:- Jibril H. 101

 Function explained



 102
By:- Jibril H.
 A Function to Check a Cookie



By:- Jibril H. 103

 All Together Now

By:- Jibril H. 104

 Thank you

Question

End
By:- Jibril H. 105