Scribd
Upload
222 views14 pages

JavaScript Tutotial Point PDF

The document provides an overview of JavaScript concepts including variables, functions, conditionals, loops, objects and more through code examples. It covers 40 topics ranging from basic syntax and variables to more advanced concepts like objects, arrays, forms and events. Each topic includes one or more code snippets to demonstrate the concept.

Uploaded by

Prasad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
222 views14 pages

JavaScript Tutotial Point PDF

The document provides an overview of JavaScript concepts including variables, functions, conditionals, loops, objects and more through code examples. It covers 40 topics ranging from basic syntax and variables to more advanced concepts like objects, arrays, forms and events. Each topic includes one or more code snippets to demonstrate the concept.

Uploaded by

Prasad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

7/4/2016

JavaScript Tu t ot ial Poin t

JOBS4TIMES
JavaScriptTutorialPoint
Agenda:
1. IntroductiontoJavaScript
2. JavaScriptCommentsandStatements
3. JavaScriptVariables
4. JavaScriptDifferentTypesofVariables
5. JavaScriptUsingVariableswithStrings
6. JavaScriptFunctions
7. JavaScriptUsingParameterswithFunctions
8. JavaScriptFunctionswithMultipleParameters
9. JavaScriptThereturnStatement
10. JavaScriptCallingaFunctionFromAnotherFunction
11. JavaScriptGlobalLocalVariables
12. JavaScriptMathOperators
13. JavaScriptAssignmentOperators
14. JavaScriptifStatement
15. JavaScriptifelseStatement
16. JavaScriptNestingandFridays!
17. JavaScriptComplexConditions
18. JavaScriptswitch
19. JavaScriptforLoop
20. JavaScriptwhileLoop
21. JavaScriptdowhile
22. JavaScriptEventHandlers
23. JavaScriptonMouseOveronLoad
24. JavaScriptObjects
25. JavaScriptCreatingOurOwnObjects
26. JavaScriptObjectInitializers
27. JavaScriptAddingMethodstoOurObjects
28. JavaScriptArrays
h t t p://jobs4t im [Link] /javascript /in dex.h t m l

1/14

7/4/2016

JavaScript Tu t ot ial Poin t

29. JavaScriptOtherWaystoCreateArrays
30. JavaScriptArrayPropertiesandMethods
31. JavaScriptjoinandpop
32. JavaScriptreverse,push,sort
33. JavaScriptAddArrayElementsUsingaLoop
34. JavaScriptCoolTechniquetoPrintArrayElements
35. JavaScriptAssociativeArrays
36. JavaScriptMathObjects
37. JavaScriptDateObjects
38. JavaScriptAccessingForms
39. JavaScriptAccessingFormElements
40. JavaScriptSimpleFormValidation

IntroductiontoJavaScript
<body>
<scripttype="text/javascript">
<!
[Link]("WelcometoJavaScript")
//>
</script>
</body>

JavaScriptCommentsandStatements
<body>
<scripttype="text/javascript">

//commentgoeshere

/*
Thisismultilinecomment
*/

</script>
</body>

JavaScriptVariables
<body>
<scripttype="text/javascript">
varx=234
[Link](x)//234
[Link](X)//nooutput

</script>

</body>

h t t p://jobs4t im [Link] /javascript /in dex.h t m l

2/14

7/4/2016

JavaScript Tu t ot ial Poin t

JavaScriptDifferentTypesofVariables
<body>
<scripttype="text/javascript">

varcap=234
[Link](cap)

varrap=12.23456
[Link](rap)

vartap=12.23456
[Link](tap)

varnap="TextHere<br>"
[Link](nap)

vartext="swamysaid,\"StrengthisLifeWeaknessisDeath\""
[Link](text)

vartext1=null
[Link](text1)

vartext2=false
[Link](text2)

</script>

JavaScriptUsingVariableswithStrings
<body>
<scripttype="text/javascript">

varname="Ashok"
varage=25
[Link](name+"ismynameandageis:"+age)

</script>

</body>

JavaScriptFunctions
<body>
<scripttype="text/javascript">

functionfun(){
alert("Hai")
}

fun()

h t t p://jobs4t im [Link] /javascript /in dex.h t m l

3 /14

7/4/2016

JavaScript Tu t ot ial Poin t

</script>

</body>
<body>
<scripttype="text/javascript">

functionfun(){
alert("Hai")
}

</script>

<form>
<inputtype="button"value="TouchMe"onclick="fun()">
</form>

</body>

JavaScriptUsingParameterswithFunctions
<body>
<scripttype="text/javascript">

functionfun(x){
alert("ILove:"+x)
}

fun("Ashok")
</script>
<body>
<scripttype="text/javascript">

functionfun(x){
alert("ILove:"+x)
}

fun("Ashok")
fun("Cricket")
fun("Footboll")
</script>
</body>

JavaScriptFunctionswithMultipleParameters
<body>
<scripttype="text/javascript">

functionapples(one,two){
[Link](one+"isbetterthan"+two+"<br/>")
}

apples("Ashok","Akash")
apples("Movies","Videos")
apples("Coconut","Grapes")
h t t p://jobs4t im [Link] /javascript /in dex.h t m l

4/14

7/4/2016

JavaScript Tu t ot ial Poin t

</script>
</body>

JavaScriptThereturnStatement
<body>
<scripttype="text/javascript">

functionfunReturn(){
return"veryeasy"
}

[Link](funReturn())
</script>
</body>
<body>
<scripttype="text/javascript">

functionaddNumbers(a,b){
varc=a+b
returnc
}

[Link](addNumbers(23,56))
</script>
</body>

JavaScriptCallingaFunctionFromAnotherFunction
<body>
<scripttype="text/javascript">

functiondoFirst(){
[Link]("I'mFirst!")
}
functiondoSecond(){
[Link]("I'mSecond")
}
functionstart(){
doFirst()
doSecond()
}

start()
</script>
</body>
<body>
<scripttype="text/javascript">

functiondoFirst(){
[Link]("I'mFirst!")
doSecond()
}
functiondoSecond(){
[Link]("I'mSecond")
doFirst()
h t t p://jobs4t im [Link] /javascript /in dex.h t m l

5 /14

7/4/2016

JavaScript Tu t ot ial Poin t

doFirst()
</script>
</body>

output:Infiniteloop

JavaScriptGlobal,LocalVariables
<body>
<scripttype="text/javascript">
varflower="rose"
functionfly(){
varflower="rose1"
[Link](flower)
}

fly()
[Link](flower)
</script>
</body>

JavaScriptMathOperators
<body>
<scripttype="text/javascript">
varcount=12+23+23
[Link](count+"<br>")

varcount=12+23234
[Link](count+"<br>")

varcount=8/2
[Link](count+"<br>")

varcount=23%3
[Link](count+"<br>")

varcount=23
count=count+1
[Link](count+"<br>")

varcount=23
count++
[Link](count+"<br>")

varcount=23
count
[Link](count+"<br>")

</script>
</body>

JavaScriptAssignmentOperators
<body>
h t t p://jobs4t im [Link] /javascript /in dex.h t m l

6/14

7/4/2016

JavaScript Tu t ot ial Poin t

<scripttype="text/javascript">

varcount=23
count%=34
[Link](count+"<br>")

varcount=23
count/=5
[Link](count+"<br>")

varcount=23
count*=7
[Link](count+"<br>")

varcount=23
count+=7
count=7
count/=7
count*=7
count%=7
[Link](count)

</script>
</body>

JavaScriptifStatement
<body>
<scripttype="text/javascript">

varcount=23
vartemp=23
if(count==temp){

[Link]("Yait'swork")
}

</script>
</body>

Note:Insteadof==weareusing!=,<,<=,>,>=.thesewillbeworkfine

JavaScriptifelseStatement
<body>
<scripttype="text/javascript">

varblue=23
varred=23

if(blue==red){

[Link]("conditionistrue")
}
else{

[Link]("conditionidfalse")
}

</script>
</body>
h t t p://jobs4t im [Link] /javascript /in dex.h t m l

7/14

7/4/2016

JavaScript Tu t ot ial Poin t

JavaScriptNestingandFridays!
<body>
<scripttype="text/javascript">

varfirstName="Ashok"
varlastName="Aggidi"

if(firstName=="Ashok"){

if(lastName=="Aggidi"){

[Link]("WelcometoAshokAggidi")
}
else{

[Link]("WelcometoSomeOther")
}
}

</script>
</body>

JavaScriptComplexConditions
<body>
<scripttype="text/javascript">

varfirstName="Ashok"
varlastName="Aggidi"

if((firstName=="Ashok")&&(lastName=="Aggidi")){

[Link]("WelcometoAshokAggidi")
}

</script>
</body>

JavaScriptswitch
<body>
<scripttype="text/javascript">
vargirl="beauty"

switch(girl){

case"beauty":
[Link]("Sheisbeauty")
break

case"rosy":
[Link]("Sheisrosy")
break

default:
[Link]("Itisdefault")
}
</script>
</body>
h t t p://jobs4t im [Link] /javascript /in dex.h t m l

8 /14

7/4/2016

JavaScript Tu t ot ial Poin t

JavaScriptforLoop
<body>
<scripttype="text/javascript">
for(x=0x<10x++){
[Link]("welcometoJS"+"<br>")
}
</script>
</body>

JavaScriptwhileLoop
<body>
<scripttype="text/javascript">
varx=1
while(x<10){
[Link](x+"welcometoJS<br>")
x++
}
</script>
</body>

JavaScriptdowhile
<body>
<scripttype="text/javascript">
varx=11
do{
[Link](x+"welcometoJS<br>")
x++
}while(x<=10)
</script>
</body>

JavaScriptEventHandlers
<form>
<inputtype="button"value="TouchMe"onclick="alert('Hai')alert('Hello')"/>
</form>

JavaScriptonMouseOveronLoad
<ahref="[Link]
<br><br>
<ahref="[Link]
<bodyonload="alert('YoursiteisLoaded')">
texttexttexttexttexttext
</body>
<bodyonunload="alert('GoodBye!')">
texttexttexttexttexttext
</body>

JavaScriptObjects
h t t p://jobs4t im [Link] /javascript /in dex.h t m l

9/14

7/4/2016

JavaScript Tu t ot ial Poin t

<body>
<scripttype="text/javascript">
varname="HaiI'mAshok"
[Link]([Link])
</script>
</body>

JavaScriptCreatingOurOwnObjects
<html>
<head>
<scripttype="text/javascript">
functionperson(name,age){
[Link]=name
[Link]=age
}
varashok=newperson("AshokTimes",25)
varjobs=newperson("JobsTimes",27)
</script>
</head>

<body>
<scripttype="text/javascript">
[Link]([Link])
[Link]([Link]+"<br>")
[Link]([Link])
[Link]([Link])
</script>
</body>
</html>

JavaScriptObjectInitializers
<html>
<head>
<scripttype="text/javascript">
james={name:"JamesTimes",age:25}
jobs={name:"jobsTimes",age:20}
</script>
</head>

<body>
<scripttype="text/javascript">
[Link]([Link]+"loves"+[Link]+"becausesheis"+[Link])
</script>
</body>
</html>

JavaScriptAddingMethodstoOurObjects
<html>
<head>
<scripttype="text/javascript">
functionpeople(name,age){
[Link]=name
[Link]=age
[Link]=yearsLeft
h t t p://jobs4t im [Link] /javascript /in dex.h t m l

10/14

7/4/2016

JavaScript Tu t ot ial Poin t

}
functionyearsLeft(){
varnumYears=[Link]
returnnumYears
}

varjames=newpeople("JamesOne",25)
varjocobs=newpeople("jocobsroberts",55)
</script>
</head>

<body>
<scripttype="text/javascript">
[Link]([Link]())
</script>
</body>
</html>

JavaScriptArrays
<body>
<scripttype="text/javascript">
varmobile=newArray("Aircel","Airtel","BSNL","TataDocomo","Vodofone")

[Link](mobile+"<br>")
[Link](mobile[4])
</script>
</body>

JavaScriptOtherWaystoCreateArrays
<body>
<scripttype="text/javascript">
varmobile=newArray(4)
mobile[0]="Airtel"
mobile[1]="BSNL"
mobile[2]="TataDocomo"
mobile[3]="Vodofone"

[Link](mobile+"<br>")
[Link](mobile[3])
</script>
</body>
<body>
<scripttype="text/javascript">
varmobile=newArray()
mobile[0]="Airtel"
mobile[1]="BSNL"
mobile[2]="TataDocomo"
mobile[3]="Vodofone"

[Link](mobile+"<br>")
[Link](mobile[3])
</script>
</body>

h t t p://jobs4t im [Link] /javascript /in dex.h t m l

11/14

7/4/2016

JavaScript Tu t ot ial Poin t

JavaScriptArrayPropertiesandMethods
<body>
<scripttype="text/javascript">
varmobile=newArray("Airtel","BSNL","IDEA")
varcity=newArray("HYD","Bang","Chennai")

varmobileCities=[Link](city)
[Link](mobileCities[5]+"<br>")//Chennai

varcitiMobiles=[Link](mobile)
[Link](citiMobiles[5])//IDEA
</script>
</body>

JavaScriptjoinandpop
<scripttype="text/javascript">
varmobile=newArray("Airtel","BSNL","IDEA")
varstring1=[Link]("")
[Link](string1)//AirtelBSNLIDEA

[Link]("<br>")
varmovies=newArray("BadMen","Xmen","IronMen")
[Link](movies[2]+"<br>")
[Link]()
[Link](movies[2])
</script>

JavaScriptreverse,push,sort
<scripttype="text/javascript">
varmobile=newArray("Airtel","IDEA","BSNL")

[Link]()
[Link]("Aircel","Tata")
[Link]()

varstring1=[Link]()
[Link](string1)
</script>

JavaScriptAddArrayElementsUsingaLoop
<scripttype="text/javascript">
varpie=prompt("Enteryourname:","")
[Link]("Hello"+pie)
</script>
<scripttype="text/javascript">
varcity=newArray(3)
for(i=0i<3i++){
city[i]=prompt("AddsomethingtoArray:"+"")
}
[Link](city[0]+city[1]+city[2])
</script>
h t t p://jobs4t im [Link] /javascript /in dex.h t m l

12/14

7/4/2016

JavaScript Tu t ot ial Poin t

JavaScriptCoolTechniquetoPrintArrayElements
<scripttype="text/javascript">
varstuff=newArray("mobiles","movies","videos","songs")
[Link]()
for(i=0i<[Link]++){
[Link](stuff[i]+"<br>")
}
</script>

JavaScriptAssociativeArrays
<scripttype="text/javascript">
varjohny=newArray()
johny["food"]="Pizza"
johny["color"]="red"

[Link]("johnyfavoratefoodis:"+johny["food"])
</script>

JavaScriptMathObjects
<scripttype="text/javascript">

[Link]([Link]+"<br>")
[Link](Math.E+"<br>")

varn=prompt("EnteraNumber")
varanswer=[Link](n)
[Link]("Thesqrtof"+n+"is:"+answer)
</script>

JavaScriptDateObjects
<scripttype="text/javascript">
functionprintTime(){
varnow=newDate()
varhours=[Link]()
varminutes=[Link]()
varseconds=[Link]()
varmilliSec=[Link]()
[Link](now+"<br>")
[Link](hours+":"+minutes+":"+seconds+":"+milliSec+"<br>")
}
setInterval("printTime()",1000)
</script>

JavaScriptAccessingForms
<body>
<form>
UserName:<inputtype="text"/>
<inputtype="button"value="Submit"/>
</form>
h t t p://jobs4t im [Link] /javascript /in dex.h t m l

13 /14

7/4/2016

JavaScript Tu t ot ial Poin t

<scripttype="text/javascript">
varx=[Link][0].length
[Link](x)
</script>
</body>

JavaScriptAccessingFormElements
<body>
<formname="registerForm">
UserName:<inputtype="text"name="username"/>
Password:<inputtype="password"name="password"/>
<inputtype="button"value="Submit"/>
</form>
<scripttype="text/javascript">
varx=[Link][0].elements[0].name
[Link](x+"<br>")

vary=[Link][0].elements[1].name
[Link](y+"<br>")

varz=[Link]
[Link](z+"<br>")
</script>
</body>

JavaScriptSimpleFormValidation
<html>
<head>
<scripttype="text/javascript">
functionvalidator(){
if([Link])
alert("Yes!It'sChecked")
else
alert("It'snotChecked")
}
</script>
</head>

<body>
<formname="registerForm">
<inputtype="checkbox"name="box"/>
<inputtype="button"value="PressMe!"onclick="validator()"/>
</form>
</body>
</html>

BACK

h t t p://jobs4t im [Link] /javascript /in dex.h t m l

14/14

You might also like