Diploma in Web Engineering Module V: Programming with
JavaScript
Diploma in Web EngineeringModule V: Programming with
JavaScriptRasan SamarasingheESOFT Computer Studies (pvt) Ltd.No
68/1, Main Street, Pallegama, Embilipitiya.
ContentsIntroduction to JavaScriptWhat JavaScript Can Do?Script
tag in HTMLNoscript tag in HTMLYour First JavaScript
ProgramJavaScript Placement in HTML FileJavaScript SyntaxJavaScript
Data TypesJavaScript VariablesJavaScript IdentifiersArithmetic
OperatorsString Concatenation OperatorsAssignment
OperatorsComparison OperatorsLogical OperatorsBitwise OperatorsIf
StatementIf Else StatementIf Else if Else StatementSwitch
StatementThe ? Operator
While LoopDo While LoopFor LoopForin Loopbreak Statementcontinue
StatementArraysFunctionsJavaScript ObjectsJavaScript
ScopeStringsRegular ExpressionsJavaScript NumbersMath ObjectDate
and TimeJavaScript EventsDialog BoxesError Handling in
JavaScriptJavaScript Forms ValidationJavaScript HTML DOMJavaScript
BOM
Introduction to JavaScriptA dynamic programming language widely
used to create interactive web pages.
Originally developed by Brendan Eich at Netscape
Corporation.
Open and cross platform.
What JavaScript Can Do?JavaScript Can Change HTML
ContentJavaScript Can Change HTML AttributesJavaScript Can Change
HTML Styles (CSS)JavaScript Can Validate Data
JavaScript Can Change Images
Click the light bulb to turn on/off the light.
function changeImage() { var image =
document.getElementById('myImage');
//since image.src =
http://www.w3schools.com/jsref/pic_bulboff.gif
if (image.src.search("pic_bulbon.gif")>=0) { // or
image.src.match("pic_bulbon") image.src = "pic_bulboff.gif"; } else
{ image.src = "pic_bulbon.gif"; }}
4
Script tag in HTML JavaScript code
Noscript tag in HTML
If you see this message means your browser does not support with
JavaScript
Your First JavaScript Program
