My name is Charles Head and welcome to my Web Page.
I am a student at PennWest University.
I am currently pursuing a degree in Computer Information Systems.
I have always been interested in technology and programming,
which is why I chose this field of study.
I am from Irwin, Westmoreland County which is located outside of
Pittsburgh Pennsylvania. In my free time
spending it with my friends and family.
I am excited to learn more about web development and other
areas of computer information during my time at PennWest.
| Assignment | Link |
|---|
| Assignment 1 | Project 1-03 |
Assignment 2 | Project 2-04 Revised |
| Assignment 3 | Project 3-02 Revised |
| Assignment 4 | Project 4-00 |
| Notes:A form was also added to the Web Page.. |
| Assignment 5 | Project 5-01 |
| Notes: The timer was changed on the project from 90 seconds to 10 seconds. |
| Assignment 6 | Project 06-03 |
| Notes: N/A. |
| Assignment 7 | Project 07-02 |
| Notes: I linked the HTML page to the JavaScript file with the script deferred so it
loads after the page. In the JavaScript, I created a newDeck() function that splits the deck string into an array, shuffles it using a custom shuffle() function, and then deals cards by popping items from the array. Finally, you added code in the Deal button handler to display five random cards,
update the number of cards left, and automatically generate a new deck when the current one is exhausted. |
| Assignment 8 | Project 08-02 |
| Notes: . In the JavaScript, you created a box object literal and a ball constructor function
with properties for size, position, and velocity, plus a moveWithin() method to handle bouncing logic. Finally, I added interface code that creates new ball objects when the button is clicked, centers them in the container, assigns random velocities,
and animates their motion with setInterval() so they bounce and shake the box. |
| Assignment 8 | Project 08-04 |
| Notes: Added was a JavaScript that lets the browser read a JSON file chosen by the user with a file input
and then parse its contents using FileReader and JSON.parse(). The code builds a dynamic HTML table with headers for city,
population, and government website, and then iterates through the JSON data to insert each city’s information into rows. Finally,
it clears any previous content in the container and appends the new table, displaying the directory neatly on the page. . |
| Assignment 9 | Project 09-01 |
| Notes: I updated the first HTML file so the greeting form submits user input to
the second page using the GET method. On the display page, you added a deferred script that reads the query
string, decodes it, splits it into name/value pairs, and inserts each value into the matching table cell. Finally, I
wrote JavaScript that processes the query string using slice(), replace(), decodeURIComponent(), split(),
and a for…of loop to dynamically display the user’s greeting message.. |
| Assignment 10 | Project 10-02 |
| Notes: Built was an interactive tangram puzzle page where users can drag and drop seven geometric pieces
to form animal shapes. Each piece can also be rotated by holding the Shift key and clicking, allowing users to position the tans correctly.
I added full pointer‑based drag, movement, and drop functionality,
ensuring smooth interaction and proper stacking order as pieces are moved around the puzzle board.. |
| Case | Link |
|---|
| Case #2 Pennsylvania Game | Individual Case #2 |
| Notes: A basic Pennsylvania trivia game with color coded answer for right and wrong answers. |
| Case #3 BMI Calculator | Individual Case #3 |
| Notes: This page is a simple BMI Calculator that lets users enter their height
and weight, then calculates their Body Mass Index using the standard U.S. formula. It uses HTML for structure, CSS for styling the layout and design, and JavaScript for the interactive calculation and conditional logic that determines whether the user is underweight, normal weight, overweight, or obese.
The script applies if/else statements to categorize BMI ranges and dynamically displays the result on the page.. |
| Case #5 Web Security | Individual Case #5 |
| Notes:This page is a Web Security Awareness case study that introduces users to
the importance of safe browsing and protecting personal information online. It uses HTML to structure the content (headers, sections, lists, and links), CSS (linked as styles.css) to style the layout and design, and JavaScript (linked as security.js) to dynamically display browser information inside the info-box. The page also includes external
references to trusted sources like CISA, FTC, and Kaspersky, giving practical tips for secure web practices. |
| Case #6 PA Trivia Game 2 | Individual Case #6 |
| Notes: Added was a full account‑creation form to your trivia game, including text boxes, option buttons, a selection list, and a text area,
and programmed validation so the user must enter a name, a valid email, choose an account type, pick a PA region, and write enough information in the About You field. I
also added a feedback section with checkboxes and ensured both forms give clear error messages when validation fails and success messages when everything is entered correctly.. |
| Case #7 PA Trivia Game 3 | Individual Case #7 |
| Notes: Added was a feedback page that appears when the trivia game ends, showing the user’s score, rating, and a personalized greeting using the name they entered during login.
I also included options for the user to share their thoughts about the game and choose whether they want to play again. |