Lab Project 1-1

In this project, we used 'document.write()' statements in a script section to add financial planning tips to a web page.

Lab Project 1-3

In this project, we explored how to write text to a specific element on our web page in response to the 'onclick' event handler.

Lab Project 1-5

In this debugging project, we learned to locate and fix errors in JavaScript. The web page contained several errors that needed to be fixed.

Lab Project 2-1

In this project, we created an application to convert temperature readings between Fahrenheit and Celsius, and between Celsius and Fahrenheit.

Lab Project 2-3

In this project, we created an application that responds to the movements of the mouse over and out of a page object, displaying a different message depending on the shape the mouse is hovering over.

Lab Project 2-5

In this debugging project, we fixed mistakes in the code for an online calculator. The code contained several syntax errors that we had to locate and correct. We used our browser’s debugging console to assist in finding the errors.

Lab Project 3-1

In this project, we created an application that 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. We also had to convert the attribute value to a number.

Lab Project 3-3

In this project, we generated the HTML code for a web table displaying the top 10 movies from the IMDB website.

Lab Project 3-5

In this debugging project, we fixed mistakes in a program that generates a horizontal bar chart describing the relative sales of five brands of cell phones sold by a company.

Lab Project 4-1

In this project, we completed an application that provides a general estimate of costs from a moving company.

Lab Project 4-3

In this project, we debugged the code for an application that counts the number of characters in a posted comment to ensure the comment does not exceed a predetermined limit.

Lab Project 4-5

In this debugging project, we debugged a program that converts angular measurements between degrees and radians.

Lab Project 5-1

In this project, we created an online practice quiz for an Algebra I class. All questions must be answered within a specified time limit. A countdown clock shows the number of seconds remaining to complete the quiz.

Lab Project 5-3

In this project, we explored the properties and uses of nodes. We used the nodeName property to automatically generate a table of contents for a document of any length.

Lab Project 5-5

In this debugging project, we corrected errors within a concentration game. All cards are face down; you have to click and flip two cards, and the game checks if they are the same card.

Lab Project 6-1

In this project, we programmed the actions of a sign-up form where users must supply a username, email address, and password to create a new account.

Lab Project 6-3

In this project, we completed a script for a web form that collects billing and shipping information. It includes a checkbox to copy the shipping address to the billing address fields when they are the same.

Lab Project 6-5

In this debugging project, we worked on a web form for registering conference attendees. The JavaScript program, which calculates and reports the total registration cost, contains errors that need to be fixed.

Lab Project 7-1

In this project, we used regular expressions to validate passwords. If a password fails validation, an error message indicating the reason is displayed in the web form.

Lab Project 7-3

In this project, we used Date object properties and methods to create a clock that counts down to the new year. The clock updates every second and works for any year.

Lab Project 7-5

In this debugging project, we worked on a JavaScript app that compares two authors based on word frequency of different lengths. The program contained several errors that needed fixing.

Lab Project 8-1

In this project, we created an object class for a countdown timer with properties for minutes, seconds, and an ID for 'window.setInterval()'. The class includes a method to run or pause the timer, updating its value every second.

Lab Project 8-3

In this project, we created objects to describe pizza and shopping cart contents. An interface allows customers to build their pizza by selecting items from a web form.

Lab Project 8-5

In this debugging project, we fixed a program that processes chess moves stored in a JSON file.

Lab Project 9-1

In this project, we created a web page where customers attach greeting messages to gifts. The messages are entered on one form and displayed in a shopping cart on a separate page, with data transferred via a query string.

Lab Project 9-3

In this project, we used web storage on a sports blogging site to record and display the date and time of the user's last visit using local storage.

Lab Project 9-5

In this debugging project, we fixed the code for a shopping cart on a winter clothing website. Each of the four product pages uses a form to add items to the cart, with product details saved in session storage.

Lab Project 10-1

In this project, we used pointer events to add drag-and-drop functionality to a jigsaw puzzle page.

Lab Project 10-3

In this project, we created an interactive map for a Boulder cycling club, showing directions between two popular destinations using Google Maps APIs.

Lab Project 10-5

In this debugging project, we fixed errors in a crossword puzzle web app that accepts both pointer and keyboard input

Lab Project 11-1

In this project, we used Fetch to retrieve the Astronomy Picture of the Day (APOD) from NASA's API.

Lab Project 11-3

In this project, we built an app that retrieves customer orders for Wizard Works by connecting to a server script ('wworders.pl') and receiving a JSON object with order details.

Lab Project 11-5

In this debugging project, we worked on a website for a science fiction author that pulls content from three sources: book reviews (sfreviews.pl), a list of authors (authorlist.json), and a newsfeed of podcasts (sfpod.xml).

Lab Project 12-1

In this project, we used jQuery to add a dropdown menu with links to other pages on the Wildlife Sea Cruises website.

Lab Project 12-3

In this project, we used jQuery to add visual effects to a dessert recipe page. Ingredients and directions lists are initially hidden and toggle visibility with sliding effects when their headings are clicked.

Lab Project 12-5

In this debugging project, we fixed errors in a jQuery-based web form for user registration, validating username, email, and password fields.