Hands-on Exercise 1-1 uses the document.write() command to create an HTML ordered list of items.

Hands-on Exercise 1-3 uses the getElementById() method to write content to a specific HTML element.

Hands-on project 1-5 focuses on fixing errors to JavaScript code to make sure that content displays correctly.

Hands-on Project 2-1 converts between Celsius and Fahrenheit, and vice versa, using standard conversion formulae.

Hands-on Project 2-3 uses mouseover to display messages when mousing over objects on the page, and mouseout events to clear the message when no longer hovering. The text of the message is set with the innerHTML property.

Hands-on Project 2-5 is an exercise in debugging. The application is a calculator with buttons and visual display. Corrected errors are documented in code comments with a "FIXED" notation.

Hands-On Project 3-1 calculates the total cost of items selected from a lunch menu using a for loop and an if statement as part of the program code. The cost of each menu item is stored in the value attribute of an input control on the web form.

Hands-on Project 3-3 displays the top 10 movies at imdb.com with movie information stored in arrays. A program loop writes the array information into table rows on the page.

Hands-on Project 3-5 debugs given JavaScript code for a horizontal bar chart in HTML. Each correction is marked with FIXED in the comments.

Hands-On Project 4-1 provides an estimate of costs from a moving company. After debugging, corrected errors are marked with FIXED.

Hands-on Project 4-3 counts the number of characters in a post to make sure it is under the limit. After debugging, corrected errors are marked with FIXED.

Hands-on Project 4-5 converts angular measurements between degrees and radians. Trace messages are written to the console. After debugging, corrected errors are marked with FIXED.

Hands-On Project 5-1 is an online practice quiz for Algebra I with a time limit and countdown timer. We change the value of the overlay class attribute to show and hide the quiz questions.

Hands-on Project 5-3 uses node techniques to construct a table of contents for a document. It uses the h2 headings for the sections, and creates a list of hyperlinks to enable document navigation.

Hands-on Project 5-5 is a "concentration" style game involving image tiles. If two selected images match, they stay revealed. Otherwise, they flip back over and play continues until all matches have been made. Bug fixes are marked with FIXED.

Hands-On Project 6-1 builds a form in which users submit personal information. JavaScript code validates the password in three ways: length, complexity, and accuracy. Errors are flagged and sent to users as messages.

Hands-on Project 6-3 completes a script to validate data entered in a checkout form for shipping address and billing address. Errors are shown in a message bar at the bottom, not in pop-up error bubbles.

Hands-on Project 6-5 fixes errors in a web form for conference registration. Corrections are marked in the text with FIXED.

Hands-On Project 7-1 uses regular expressions to verify a password before it is accepted. Custom error messages appear to tell the user how to correc their password entry.

Hands-on Project 7-3 creates a countdown clock for the New Year. It updates every second and displays days, hours, minutes, and seconds left in the year.

Hands-on Project 7-5 compares two texts based on the frequency of words of different lengths. It displays the frequency of words of different lengths for each text in columns.

Hands-On Project 8-1 is a countdown timer which records the minutes and seconds remaining, with a run/pause button. The code is constructed with a custom 'timer' object.

Hands-on Project 8-3 is a pizza-builder application that lets users select toppings, keeps track of selections, and adds the pizza to the cart when finished.

Hands-on Project 8-5 loads game logs from classic chess games, and lets the user step through each move in the game, with chess notation. Corrections are marked with FIXED.

Hands-On Project 9-1 is a web page in which customers attach greeting messages to gifts purchased for friends and family. The contents of the greeting message will be entered on one web page form and then displayed as part of a shopping cart on a separate page.

Hands-on Project 9-3 uses web storage on a blogging site that posts news commentary and articles from the world of sports. The website records the date and time of your last visit in a local storage item. Links to articles that have been posted to the website after that date and time are marked with the text string “New”.

Hands-on Project 9-5 is a website shopping cart for a winter clothing company. Each page contains a web form to add the product to a cart, which is added to session storage. Corrections are marked with FIXED in the file.

Hands-On Project 10-1 uses pointer events to add drag and drop functionality to a jigsaw puzzle page.

Hands-on Project 10-3 creates an interactive map for a cycling club in Boulder, Colorado, allowing cyclists to view a map with directions between two popular cycling destinations. Uses a Google Cloud API to access Google Maps, Directions Service, and Directions Renderer API.

Hands-on Project 10-5 is a crossword puzzle which accepts pointer and keyboard input. From the keyboard, players can type their answers, move to a different space using the Arrow, Tab, and Enter keys or delete letters using the Delete and Backspace keys. Finally, they can toggle the typing direction between across and down by pressing the Spacebar key. Corrections are marked with FIXED.

Hands-On Project 11-1 uses JSON data to fetch the Nasa picture of the day and display it with the title and explanation.

Hands-on Project 11-3 is an app that retrieves customer orders for a fireworks manufacturer's website. It uses a perl script on the web server to return JSON data containing information about the customer and the current order, including date, cost, etc.

Hands-on Project 11-5 is a website for an author's book review and commentary. It uses archived reviews, a list of popular authors in JSON format, and an XML podcast feed. Corrections are marked with FIXED.

Hands-On Project 12-1 is a Sea Cruises website. It uses jQuery to create a drop-down menu with navigational links to other pages on the site.

Hands-on Project 12-3 is a page for a dessert website with recipes, including ingredients and directions. jQuery is used to show and hide these text elements to create a clean interface.

Hands-on Project 12-5 is a user form in which user data is validated using jQuery. Corrections are marked with FIXED