HTML and CSS Reference
In-Depth Information
tu tori a l
12
Working with
Arrays, Loops,
and Conditional
Statements
Creating a Monthly Calendar
O b j e c t i v e s
Session 12.1
• Create an array
• Populate and reference values
from an array
• Work with array methods
Session 12.2
• Repeat commands using
for
loops
• Loop through the contents of
an array
• Repeat commands with
while
loops
• Work with ECMAScript5 array
methods
Case |
The Chamberlain Civic Center
With first-class concerts, performances from Broadway touring compa-
nies, and shows from famous comics, singers, and other entertainers,
the Chamberlain Civic Center (CCC) is a popular attraction in South
Dakota. Maria Valdez is the new publicity director for the center. Part
of her job is to oversee the development of the center's Web site.
Session 12.3
• Create conditional commands
with
if
and
if else
statements
• Use arrays, loops, and
conditional statements to
create a table
• Interrupt loops with
break
,
continue
, and
label
commands
Maria wants your help with developing an event calendar applica-
tion. Rather than constructing the calendar manually, she wants you
to write a JavaScript program to automatically generate a Web table
for a given calendar month, showing all of the events occurring at
the center during that month. The application should be flexible
enough to work with any month while requiring very little extra
effort by end users. She wants you to develop a prototype based on
upcoming events in the month of July.
Starting Data FileS
tutorial.12
tutorial
review
case1
case2
ccctxt.htm
caltxt.js
+ 6 graphic files
+ 2 style sheet files
+ 2 JavaScript files
caltxt.htm
yeartxt.js
+ 12 HTML files
+ 6 graphic files
+ 2 style sheet files
+ 1 JavaScript file
clisttxt.htm
tablestxt.js
+ 1 graphic file
+ 2 style sheet files
+ 2 JavaScript files
electtxt.htm
bartxt.js
+ 2 graphic files
+ 1 style sheet file
+ 2 JavaScript files
case3
case4
aucttxt.htm
bidstxt.js
+ 1 graphic file
+ 1 style sheet file
+ 1 JavaScript file
lunartxt.htm
lunartxt.js
caltxt.css
+ 17 graphic files
+ 1 style sheet file
+ 2 JavaScript files
HTML 803
