session 3 java script
TRANSCRIPT
W
Prepared and presented by : Muhammad Hesham & Mustafa Saeed
Aspiration Webbers Session 3 (Java Script)
A
1.Reko meet JS (Brief history)
2.JS types3.JS syntax4.JS condetions
Java Script
Java Script
Types of typing JS Code
Internal
Types of typing JS Code
External
<!DOCTYPE html><html>
<head> <meta charset="UTF-8”> <title>java Script Demo</title> < script ></script></head>
src=“scripts.js"
External
<script>
</script>
function changeParagrapgh() { document.getElementById("firstpar").innerHTML = "JavaScript Paragraph."; }
Internal Head <!DOCTYPE html><html><head> <meta charset="UTF-8”> <title>java Script Demo</title> < script src=“scripts.js"></script>
</head>
<body><script>
</script></body>
function changeParagrapgh() { document.getElementById("firstpar").innerHTML = "JavaScript Paragraph."; }
<!DOCTYPE html><html><head> <meta charset="UTF-8”> <title>java Script Demo</title> < script src=“scripts.js"></script></head>
Internal Body
Strength Of Script
Strength of External <script src="test.js"></script>
External JSInternal JS
<body><script> function changeParagrapgh() { document.getElementById("firstpar").innerHTML = "JavaScript Paragraph."; } </script></body>
Best Place
Syntax
var x = 20 ; var y == 30; var z === 10 ;
varvar
;;,,
// Comment Variables Comments
/*Commentscomment
*/
var name= “Reko” ; var reko= ‘name’ ;
var x = 20 y = 30 z = 10 ;
Data type var x = 20 ; Number
boolean var x = True ; String var x = “name” ;
var x = False ;
array var family = [ father , mother , sister ] ; Object var info= { firstname:” Reko“, age: 32 } ;
variables
Operators Addition+Subtraction-Multiplication*Division/Modulus%Increment
Decrement
++- -
var x = 2010% ;
var x = 2010- ; var x = 2010* ; var x = 2010/ ;
var x = 2010+ ;
x++; x--; var x =
var x =20-- ;20 ;
Function
if
Switch
For … Loop
While ..Loop
Break
Demo
Demo
Any Questions
Thank you