Appendix D. Answers to Tutorial Exercises
This appendix provides answers to the tutorial exercises that appear in Part II of this book (Chapters 5 through 14).
Chapter 5 Answers
The paragraph in Listing 5-1 was originally:
<p>It is currently <span id="output">now</span>.</p>
The JavaScript code modifies the contents of the
span
element because, and only because, it has the ID ofoutput
. Therefore, we can get the script to replace the contents of the entire paragraph simply by shifting the ID to thep
tag:<p id="output">It is currently <span>now</span>.</p>
The
span
element is no longer useful:<p id="output">It is currently now.</p>
The JavaScript does not need to change in order to reflect this change to the HTML. The steps it performs are as follows:
If there is a first child element,
remove the first child element,
then return to step a.
Notice how versatile and re-purposeable the deletion loop is. It could easily be made into a generic function to delete the contents of any DOM element.
The style sheet does not have to be changed to assign the paragraph the same font attributes that the
span
had before, because the styling refers to the element's ID and not its tag name:#output { font-style: italic; color: #C33; }
Here again, the CSS rule is not overly specific (it did not point to
span#output
but merely#output
) and therefore is easily re-purposeable even as the HTML undergoes modest change.
Chapter 6 Answers
The catalog page (a) and temperature calculator (d) are good client-side JavaScript ...
Get JavaScript® Bible, Seventh Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.