Cool JavaScript Examples Tour

Today we are going to explore some neat JavaScript examples and you will add at least one that you find to a new .html page named coolJavaScriptExample.html. JavaScript can be added to webpages to add all sorts of extra features. The code can get very complex. Today we are just going to get a small glimpse into the kinds of things that JavaScript can do. To start, open and check out these 4 sample files that I found. Open these files with several browsers to check to see what happens.

• chooseColor.html
• clock.html (analog clock is in the bottom right hand corner)
• explodingStars.html (only works in Internet Explorer, allow content)
• hearts.html

The examples came from http://www.javascriptfreecode.com/ or http://javascriptsource.com/. Usually the code can be copied for free and added to your webpage.

1. Open up Komodo, make a new webpage named coolJavaScriptExample.html.
2. Add the basic HTML tags and copy the JavaScript script in.
3. Save your file.
4. Open your coolJavaScriptExample.html webpage with a browser and verify that it works!
5. Upload your coolJavaScriptExample.html webpage to the CS webserver.
6. Verify your webpage is available online at: https://www.cs.mtsu.edu/~YourPipelineID/coolJavaScriptExample.html.

Last Modified: