JavaScript Final Portfolio

Kellie Warth

Phone: 864-978-8229

Email Me

Portfolio Picture

This page was created as a final project for a JavaScript programming course.

Chapter 1

Chapter 1 is an introduction to JavaScript. Project 1-1 uses document.write(). Project 1-3 enhances a form to display an alert box. Project 1-5 fixes errors in a broken program

Project 1-1 Project 1-3 Project 1-5

Chapter 2

Chapter 2 is working with functions, data types, and operators in JavaScript. Project 2-1 calculates the Celsius equivalent of a Fahrenheit temperature. Project 2-3 displays an alert box containing a message based on the shape a user clicks. Project 2-5 totals purchases and adds tax as well as avoids potential differences between floating point and integer calculations.

Project 2-1 Project 2-3 Project 2-5

Chapter 3

Chapter 3 is building arrays and controlling flow. Project 3-1 totals prices for items selected on an order form. Project 3-3 populates and array and includes a function that adds the array values to a list. Project 3-5 takes user input from a text box and thanks the user once five items have been enter.

Project 3-1 Project 3-3 Project 3-5

Chapter 4

Chapter 4 details debugging and error handling. Project 4-1 throws the user an error message if they remove checkmarks from all the crop boxes. Project 4-3 adds a user string from the input bo into an array. Project 4-5 converts a distance in miles to a distance in kilometers.

Project 4-1 Project 4-3 Project 4-5

Chapter 5

Chapter 5 works with the Document Object Model (DOM) and DHTML. Project 5-1 prints information from a browser's Navigator object tot he screen. Project 5-3 opens and closes a confirmation window (after 5 seconds) when a user clicks a button.

Project 5-1 Project 5-3

Chapter 6

Chapter 6 enhances and validates forms. Project 6-1 contains validation functions for a form that work in all browsers. Project 6-3 moves the focus to the next box when a user has typed the maximum number of characters for each component of the Social Security number. Project 6-5 removes the default selection from the select element and contains validation functions that work in all browsers.

Project 6-1 Project 6-3 Project 6-5

Chapter 7

Chapter 7 uses object-oriented JavaScript. Project 7-1 calcualtes the square root of any number that a user enters. Project 7-3 totals the cost for selected items, calculates a 5% tax on the selection, calculates the total and displays the figure rounded to two decimal places. Project 7-5 displays the delivery information and order summary in the confirmation section of the order form.

Project 7-1 Project 7-3 Project 7-5

Chapter 8

Chapter 8 manipulates data in strings and arrays. Project 8-1 creates an account ID value based on the users first and last initials. Project 8-3 checks an entered credit card number against regular expressions on four major credit cards and automatically matches the card number to card type. Project 8-5 creates a To Do list and stores each item in an array. The list has a first button and a last button. These buttons manipulate the items in the array.

Project 8-1 Project 8-3 Project 8-5

Chapter 9

Chapter 9 manages state and information security. Project 9-1 allows users to submit the text of a greeting on one page and view the formatted text as it would appear on a card. Project 9-3 adds a Remember me box on a login form. A cookie will be set only if the box is checked. Project 9-5 uses Web Storage sessionStorage

Project 9-1 Project 9-3 Project 9-5

Chapter 10

Chapter 10 describes ways to program touch screens and mobile devices. Project 10-1 adds touch support to a puzzle app.

Project 10-1

Chapter 11

Chapter 11 updates Web pages with Ajax. Project 11-4 takes US zip codes and outputs the city and state. Project 11-5 adds German and US postal code support to an address form.

Project 11-4 Project 11-5

Back to Top