Building a Javascript Clock – Part 2Web Design

Sec 6-5Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials

Design a better clock…• Consider the clock that you created in the

previous lesson. How could it be improved? What features would make this clock better. Don't worry about how to make the improvements. Just imagine all possibilities for now.

Design a better clock…• In the world of software development and web

design, this process is known as the design phase. Since you already have a product (your clock), you are essentially brainstorming ideas on how this product can be improved (your next generation product, Clock 2.0). Every idea is a good idea during this phase. Then, once you have a long list of desired features, you begin the process of prioritizing that list and identifying which features are currently possible, given your skill set, available resources, and timeline.

Objectives• The student will:

– Have learned to use if/then/else loops in Javascript.– Have learned to apply basic math and logic to creating a

functional JavaScript program.– Have used the setInterval() method to repeatedly

execute a JavaScript function at regular intervals.– Have applied CSS to stylize content that was created

with JavaScript.

Rest of Today• Download the homework for today. • Create your complete Java Clock• Use CSS code to make it look good!

javascript.html: