Jordan Gossett's IST-239 Final Project

Days to next Christmas:

Clicking the tree takes you to GIPHY

Welcome to my final project!

a picture of my face

Jordan Gossett

gossettjr1@my.gvltec.edu

Your last visit to this page was:


Most websites have a light theme, so this one does too
It reminds me of the beach

I like purple, so this is a purple theme

Colors adapted from Dark High Contrast from VS Code

Hands-On Chapter 1

Hands-On Project 01-01

This projects writes an ordered list to the HTML of an article element.

Hands-On Project 01-01

Hands-On Project 01-03

This project changes the innerHTML of the submitMsg elemnt to display "Thank you for your order." when the user presses the Submit button.

Hands-On Project 01-03

Hands-On Project 01-05

This project fixes errors to show the message that a business is closed and will reopen later.

Hands-On Project 01-05


Hands-On Chapter 2

Hands-On Project 02-01

This project is an application to convert from Fahrenheit to Celsius and vice versa.

Hands-On Project 02-01

Hands-On Project 02-03

This project is an application that displays messages depending on which shape the mouse cursor is hovering over.

Hands-On Project 02-03

Hands-On Project 02-05

This project fixes errors in an online calculator.

Hands-On Project 02-05


Hands-On Chapter 3

Hands-On Project 03-01

This project uses a for loop and an if statement to get a total value of a lunch selection checklist.

Hands-On Project 03-01

Hands-On Project 03-03

This project iterates through arrays and writes the array's information as rows in a web table.

Hands-On Project 03-03

Hands-On Project 03-05

This project fixes a program to generate a bar chart showing cell phone sales.

Hands-On Project 03-05


Hands-On Chapter 4

Hands-On Project 04-01

This project finishes an application to provide the estimated cost of a moving company using debugging and accounting for user error.

Hands-On Project 04-01

Hands-On Project 04-03

This project debugs an application that counts the characters for a comment to a book review.

Hands-On Project 04-03

Hands-On Project 04-05

This project debugs an application that converts degrees to radians and vice versa.

Hands-On Project 04-05


Hands-On Chapter 5

Hands-On Project 05-01

This project is an algebra practice quiz with a timer.

Hands-On Project 05-01

Hands-On Project 05-03

This project uses nodes and a for loop to create a table of contents that allows navigation to matching h2 elements.

Hands-On Project 05-03

Hands-On Project 05-05

This project debugs a version of Concentration to match images.

Hands-On Project 05-05


Hands-On Chapter 6

Hands-On Project 06-01

This project is a signup form that uses regular expression to determine if the username, email, password, and password confirmation all follow the rules and that the passwords match./p>

Hands-On Project 06-01

Hands-On Project 06-03

This project finishes a web form that gets billing and shipping information.

Hands-On Project 06-03

Hands-On Project 06-05

This project fixes a web form that uses JavaScript to calculate and report the total cost of a registration.

Hands-On Project 06-05


Hands-On Chapter 7

Hands-On Project 07-01

This project uses regular expressions to check that a password is at least eight characters long, uses at least one uppercase character, has at least one digit, and at least one of !, @, #, or $.

Hands-On Project 07-01

Hands-On Project 07-03

This project uses Date objects to make a countdown for New Year's Day.

Hands-On Project 07-03

Hands-On Project 07-05

This project fixes errors in a program that uses stylometry to compare excerpts from authors based on frequency of word length.

Hands-On Project 07-05


Hands-On Chapter 8

Hands-On Project 08-01

This project is a timer using a timer object with properties to record minutes and seconds remaining in the timer.

Hands-On Project 08-01

Hands-On Project 08-03

This project uses objects to describe a pizza and describe a shopping cart.

Hands-On Project 08-03

Hands-On Project 08-05

This project fixes errors in a program that goes through a log of a classic chess game using objects and JSON.

Hands-On Project 08-05


Hands-On Chapter 9

Hands-On Project 09-01

This project uses a query string to attach a message from one page and display it on another.

Hands-On Project 09-01

Hands-On Project 09-03

This program uses web storage to display the last visit date and if articles are new on a blog page.

Hands-On Project 09-03

Hands-On Project 09-05

This program debugs a shopping cart page using web storage to store the product, price, quantity, size, and color of items to be in the cart.

Hands-On Project 09-05


Hands-On Chapter 10

Hands-On Project 10-01

This program adds drag and drop functionality to jigsaw puzzle pieces.

Hands-On Project 10-01

Hands-On Project 10-03

This program uses the Google Maps API to make cycling routes around Boulder, Colorado.

Hands-On Project 10-03

Hands-On Project 10-05

This program debugs a crossword puzzle that uses the space bar to change orientation between horizontal and vertical letter entry.

Hands-On Project 10-05


Hands-On Chapter 11

Hands-On Project 11-01

This project uses NASA's Astronomy Picture of the Day API to show the picture of a day on a user-provided date and displays the information underneath the picture.

Hands-On Project 11-01

Hands-On Project 11-03

This project uses a Perl script and a JSON file to allow users to sign in and view their orders.

Hands-On Project 11-03

Hands-On Project 11-05

This project uses a Perl script, a JSON file, and an XML file to show science fiction book reviews.

Hands-On Project 11-05


Hands-On Chapter 12

Hands-On Project 12-01

This project uses jQuery to create a dropdown menu at the top of a webpage.

Hands-On Project 12-01

Hands-On Project 12-03

This project uses jQuery to hide and reveal ingredients and directions for a recipe.

Hands-On Project 12-03

Hands-On Project 12-05

This project fixes a form that uses jQuery for validation.

Hands-On Project 12-05


Interactive Elements

Graphical Feature


When you see the images, click them for an alert with information!

Rock Paper Scissors Game



News

(You may need to scroll in this area to see everything!)

Really Getting Started

Posted on 11/16/2024

Got to get started on this final project. It seems pretty cool! There's a lot I need to do, but I need to start with a layout. That means HTML comes first for me!

Almost done...

Posted on 12/7/2024

I've got almost everything done. I have a game, buttons to change themes, elements to work with storage and time, and more. I'm really close to being done with this project.

DONE!

Posted on 12/8/2024

I'm finally done! This project is over. I tried my best. Sometimes I wonder if I did a three-column layout the way I really wanted it to be. This section with these news/blog articles can be much longer than their companions next to them in the column, but I thought that since each chapter had three hands-on projects, it was logical to order them that way. That means some other parts of this page had to be arranged in a different way to compensate for the column layout. If nothing else, the site is readable in both desktop and mobile, so I think I did good.

Merry Christmas!

Posted on 12/25/2024

Enjoy your Christmas!

END

Input/Output

Username Generator

Use extra characters after syllables?

Use ending character?



Your username will be below...