Chapter 1
-
This project introduces basic JavaScript output using
document.write(). It demonstrates how JavaScript can dynamically insert text into a webpage and shows the relationship between HTML and JavaScript. -
This project expands on JavaScript output by generating full HTML structures using JavaScript commands. It demonstrates how scripts can build forms with input and onclick events.
-
This debugging challenge demonstrates how JavaScript can use dates to display dynamic messages.
Chapter 2
-
This project converts temperatures between Fahrenheit and Celsius. It demonstrates user input handling, mathematical formulas, and updating webpage elements using JavaScript.
-
This project shows a message when the user hovers over a specific shape. It demonstrates interactive webpage behavior using mouse events.
-
This debugging challenge builds a simple online calculator that performs addition, subtraction, multiplication, and division.
Chapter 3
-
This project validates user input in a form before submission. It checks for required fields, correct formatting, and proper data types, preventing invalid submissions.
-
This project dynamically generates a table of the top 10 IMDb movies using JavaScript arrays. It loops through arrays containing movie titles, descriptions, ratings, and links, then inserts each row into the table.
-
This debugging challenge creates a horizontal bar chart showing cell phone sales for different models. It calculates the percentage of total sales for each model and adjusts the bar width accordingly to visually represent the data.
Chapter 4
-
This debugging challenge allows user to calculate the cost of moving using an interactive form.
-
This debugging challenge counts characters as the user types into a text box. It updates the counter in real time and demonstrates how JavaScript responds to keyboard events.
-
This debugging challenge converts angles between degrees and radians. It uses mathematical formulas and event handlers to update the opposite field automatically when the user enters a value.
Chapter 5
-
This project creates a timed Algebra I quiz with a countdown clock. It demonstrates timed events, dynamic page visibility, and checking user input for correct answers.
-
This project automatically builds a table of contents by scanning the heading of a document. It demonstrates working with node properties, looping through child elements, and creating internal page links.
-
This debugging challenge is an online Concentration matching game with a 4 by 4 tile grid. It demonstrates fixing logic errors, controlling click events, managing game state, and working with timed actions like delayed tile flips.
Chapter 6
-
This project calculates shipping costs based on package weight and delivery speed. It demonstrates form validation, event handling, and dynamic updates to webpage content.
-
This project copies shipping address fields into billing fields using JavaScript. It demonstrates form manipulation, event handling, and custom validation messages.
-
This debugging challenge calculates the total cost of conference registration. It updates a live shopping cart with session choices, banquet guests, media pack selection, and displays the total in U.S. currency.
Chapter 7
-
This project validates a password using regular expressions. It demonstrates pattern matching, conditional logic, and form feedback based on security rules.
-
This project creates a live countdown clock to the New Year using Date objects. It demonstrates time calculations, fractional value handling, and updating page content every second.
-
This debugging challenge analyzes two text samples by calculating word length frequencies for each author. It demonstrates file input handling, regular expressions, array processing, and fixing logic errors in loops and percentage calculations.
Chapter 8
-
This project builds a countdown timer using a custom object constructor with properties and prototype methods. It demonstrates object oriented JavaScript, timed events, and updating form fields.
-
This project creates a pizza builder menu using Pizza and Topping objects and stores each custom pizza in a shopping cart. It demonstrates object constructors, prototype methods, and dynamically generating summaries based on user selections from a web form.
-
This debugging challenge loads a chess game log from a JSON file and shows each move on a chessboard. It demonstrates JSON parsing, object oriented code fixes, and updating board positions.
Chapter 9
-
This project lets customers enter a greeting message and see it displayed in a shopping cart. It demonstrates working with query strings, parsing URL parameters, decoding text, and dynamically inserting values into page elements using JavaScript.
-
This project uses localStorage to track a last visit to a sports blog and mark newly posted articles. It demonstrates reading and writing web storage values, comparing dates, looping through DOM elements, and dynamically labeling content as new based on user history.
-
This debugging challenge creates a shopping cart system that stores product selections in session storage. It demonstrates debugging JavaScript logic, correcting storage keys, repairing string assembly, and properly retrieving and displaying cart items across multiple product pages.