JavaScript Examples for Practice

Examples

• Dynamic HTML - What is it?
• Hello World
• Demonstrating document.write()
• Demonstrating document.location
• Demonstrating document.title
• Alert Pop-Up Box
• Confirm Pop-Up Box
• Prompt Pop-Up Box
• Variables in javascript
• Arithmetic Operators
• Relational Operators
• Difference between = = and = = =
• Logical Operators
• typeof Operator
• Simple if Demo
• if-else demo
• Nested if Demo
• else-if ladder Demo
• switch Demo
• for Loop Demo
• while Loop Demo
• do while Loop Demo
• break Demo
• continue Demo
• break label Demo
• continue label Demo
• Arrays Demo
• Two Dimensional Arrays Demo
• String Manipulations
• String Methods and HTML
• Functions Introduction
• Predefined Functions Demo
• Exception Handling Demo
• Event Handling - Within HTML
• Event Handling - Within JavaScript
• Event Handling - Light Bulb
• Window Object Demo
• Creating New Windows
• Document Object Demo
• Date Object Demo
• Math Object Demo - Sqaure Root
• Math Object Demo - Random Numbers
• Form Object Demo
• Registration Form
• Navigator Object Demo

Tasks

• Task 1 - Create a web page containing three images. When the user hovers over an image generate a border around the image.
• Task 2 - Changing the webpage background color dynamically by accessing the body element
• Task 3 - Changing the webpage background color dynamically by changing the stylesheets
• Task 4 - Changing the style of the page dynamically by changing the stylesheets. Maintain javascript and css information in seperate files.
• Task 5 - Create a mini calculator and implement + and - operations