HTML and CSS Reference
In-Depth Information
Case Problem 4
Use your
knowledge of
the JavaScript
node trees to
add reviewer
comments to a
cooking blog.
data Files needed for this case problem: back.png, chef.png, commtxt.js, dw.css,
dwlogo.png, halfstar.png, modernizr-1.5.js, star.png, torte.jpg, tortetxt.htm
dessertWeb
Amy Wu of the dessertWeb site wants your help with writing the JavaScript
code to display reviewer comments on her blog. She has created a sample Web page that
will act as a prototype for the pages she'll create. Users will enter comments about a par-
ticular recipe in a Web form, and the most recent comments will be displayed immediately
as block quotes on a sidebar along with the star rating given to the recipe. Figure 14-71
shows a preview of the completed sample page.
Figure 14-71
dessert review page
Complete the following:
1. Using your text editor, open the
commtxt.js
and
tortetxt.htm
files from the
tutorial.14\case4 folder. Enter
your name
and
the date
in the comment section of
both files, and then save them as
comments.js
and
torte.htm
, respectively. Styles for
the Web site already have been created for you in the
dw.css
style sheet file.