Shaquille J. Posey

Chapter 1: Introduction to JavaScript

Project 1-1

Financial Planning Tips

Uses document.write() to dynamically generate an ordered list of financial planning tips on the page.

Project 1-3

Reservation Form

Uses getElementById() and innerHTML to display a confirmation message when the Submit button is clicked on a car rental reservation form with contact info and pickup/dropoff dates.

Project 1-5

Debugging: Reopen Date

Debugging exercise where syntax errors in a script using document.write() to display a custom reopen date were located and fixed.

Chapter 2: Working with Functions, Data Types, and Operators

Project 2-1

Temperature Converter

Converts temperatures between Fahrenheit and Celsius using two functions and onchange event handlers that update the opposite input automatically.

Project 2-3

Pick a Shape

An interactive graphic that displays a red square, yellow triangle, and blue circle. Uses onclick event handlers and functions to respond to the user clicking each shape.

Project 2-5

Debugging: Calculator

Debugging exercise where syntax errors in a JavaScript calculator app using onclick event handlers were located and fixed.

Chapter 3: Building Arrays and Controlling Flow

Project 3-1

Lunch Order Calculator

Uses checkboxes and an array of menu prices to calculate a running total lunch order cost, updating the total each time a selection is checked or unchecked.

Project 3-3

IMDb Top Movie List

Uses a for loop to dynamically generate HTML table rows from arrays of movie titles, descriptions, ratings, and links.

Project 3-5

Debugging: Cell Phone Sales Chart

Debugging exercise where errors in a horizontal bar chart app using arrays, forEach(), and a for loop were located and fixed.

Chapter 4: Debugging and Error Handling

Project 4-1

Debugging: Moving Estimate

Debugging exercise where logic errors were fixed and try/catch statements were added to guard against zero or negative input values.

Project 4-3

Debugging: Book Review Comment

Debugging exercise where errors were fixed in an app that counts characters in a comment box and warns the user when the limit is exceeded.

Project 4-5

Debugging: Degrees to Radians Converter

Debugging exercise where syntax and logic errors were fixed in an app that converts angular measurements between degrees and radians.

Chapter 5: Creating a Web App Using the Document Object Model

Project 5-1

Timed Algebra Quiz

A timed algebra quiz with a countdown clock that checks answers when time runs out, hidden behind an overlay until the user clicks Start Quiz.

Project 5-3

Constitutional Amendments

Uses DOM traversal to automatically generate a table of contents from h2 headings in a Constitutional Amendments article with clickable jump links.

Project 5-5

Debugging: Concentration Game

Debugging exercise for a card-matching memory game where pairs of image tiles are flipped and matched, with mismatches flipping back after 1 second.

Chapter 6: Enhancing and Validating Forms

Project 6-1

Create Your Account

A sign-up form that validates username, email, and password fields using setCustomValidity(). Enforces an 8-character minimum with at least one letter and one number, and flags mismatched password confirmation.

Project 6-3

Checkout: Shipping and Billing

A checkout form with separate shipping and billing address sections. A "Same as Shipping" checkbox uses addEventListener() to automatically copy the shipping fields into the billing fields.

Project 6-5

Debugging: Conference Registration

Debugging exercise where errors were fixed in a conference registration form with a live shopping cart, including addEventListener syntax, selectedIndex, and checked property bugs.

Chapter 7: Manipulating Data in Strings, Arrays, and Other Objects

Project 7-1

Create Your Account

A signup form that validates a password field using regular expressions, requiring an 8-character minimum, an uppercase letter, a number, and a special character before the form can submit.

Project 7-3

Countdown to the New Year

Uses Date objects and setInterval to build a live countdown clock showing the days, hours, minutes, and seconds left until January 1st of the next year.

Project 7-5

Debugging: Word Distribution

Debugging exercise for an app that loads two author files, strips out non-letter characters with a regex, and compares what percentage of each author's words fall into each length category.

Chapter 8: Creating Customized Objects, Properties, and Methods

Project 8-1

Timer Object

Builds a custom Timer object class with a constructor and a runPause() method that toggles a countdown on and off using setInterval and clearInterval.

Project 8-3

Build Your Own Pizza

An interactive pizza builder that uses objects to track selected toppings and crust type, updating an image preview as the user makes selections.

Project 8-5

Debugging: Chess Match Viewer

Debugging exercise for a JSON-powered chess board viewer with Next Move/Previous Move buttons, fixing JSON syntax errors, a piece constructor, and a JSON.parse() typo.

Chapter 9: Managing State and Information Security

Project 9-1

Personal Greeting Cart

A greeting form that passes its To/From/Message fields to a shopping cart page as a query string, parsed and displayed using slice(), decodeURIComponent(), and split().

Project 9-3

SBlogger

A sports blog that uses local storage to remember the user's last visit date and marks any article posted after that date as "new".

Project 9-5

Debugging: Winter Glove Shop

Debugging exercise for a shopping cart that stores selected gloves in session storage, fixing key naming, storage method, and string delimiter errors across four product pages.

Chapter 10: Programming with Event Objects and Third-Party APIs

Project 10-1

Jigsaw Puzzle

A drag and drop jigsaw puzzle built with pointer events, letting users grab, drag, and drop any of 48 randomly scattered puzzle pieces.

Project 10-3

Boulder Cycling Routes

An interactive Google map for a Boulder, CO cycling club, using the Directions Service and Directions Renderer APIs to draw bike routes between chosen starting and ending points.

Project 10-5

Debugging: Crossword Puzzle

Debugging exercise adding keyboard controls to a crossword puzzle, fixing the keydown event, key detection, letter casing, and spacebar direction toggle.

Chapter 11: Managing Data Requests with AJAX and Fetch

Project 11-1

Astronomy Picture of the Day

Uses fetch to pull NASA's Astronomy Picture of the Day for a chosen date, showing the image or video along with its title and description.

Project 11-3

Wizard Works Order History

A login form that fetches a customer's order history from a Perl server script and builds nested tables showing each order and its line items.

Project 11-5

Debugging: SF Control Room

Debugging exercise for a science fiction review blog, fixing fetch and promise chain errors so the author list, book reviews, and podcast feed all load correctly.

Chapter 12: Introduction to jQuery

Projects for this chapter haven't been completed yet.