Fan Zone
This page includes interactive features built with JavaScript. The first feature is a simple calculator that estimates game day costs based on user input. The second feature uses a switch statement to display different fan experiences.
Both features are relevant to the Detroit Lions theme and demonstrate basic programming logic. This helps practice using functions, user input, and conditional statements as required by the course project.
Try the calculator first, then pick an option from the fan experience selector below to see a message. After that, use the feedback form to share your Lions fan interests and comments.
Chapter 2 Feature: Game Day Cost Calculator
Enter the number of tickets, the cost per ticket, and optional parking/food cost to estimate a total.
Total: $0.00
Chapter 3 Feature: Pick Your Fan Experience (Switch)
Choose an option and click the button to see a message.
Message: Choose an option above.
Frequently Asked Questions
This FAQ section was added for Project 3. It gives visitors quick answers about the Detroit Lions fan site, the team theme, and the interactive features included in this project. Click each question to show the answer. Clicking the same question again hides the answer and changes the symbol back, which demonstrates the jQuery functionality required for this assignment.
- What is the purpose of this Detroit Lions fan site?
The purpose is to create a simple themed website for ITWP 1100 that uses valid HTML5, consistent navigation, images, written content, and interactive JavaScript features.
- Where is the new Project 3 FAQ section located?
The FAQ section is located on the Fan Zone page below the calculator and fan experience features. This makes the Fan Zone page the main interactive page for the website.
- How does the FAQ feature work?
The FAQ uses jQuery. When a question is clicked, the answer slides open or closed. The icon changes between a plus symbol and a minus symbol to show whether the answer is hidden or visible.
- What kind of content is included on the home page?
The home page introduces the Detroit Lions fan site, explains the theme, and provides a course homepage link so the instructor can navigate back to the main ITWP 1100 page.
- What does the History page explain?
The History page gives a general overview of the Detroit Lions as a long-running football team and includes written paragraphs about tradition, team identity, and fan loyalty.
- What does the Players page explain?
The Players page explains football positions in a simple way, including offensive players, defensive players, and the importance of teamwork on the field.
- What does the Game Day Cost Calculator do?
The calculator estimates a total cost by multiplying the number of tickets by the ticket price and adding extra costs such as parking or food.
- What does the fan experience selector do?
The selector lets the visitor choose a fan experience such as tailgating, going to Ford Field, watching a party, or viewing highlights. A switch statement displays a related message.
- What does the feedback form do?
The feedback form collects a visitor's name, email, phone number, favorite Lions topic, and comments. JavaScript checks the fields before the form is submitted.
- Why is consistent navigation important?
Consistent navigation helps visitors move between pages easily. It also helps meet the project requirement that each page use a common layout and relative links.
Project 2 Feature: Detroit Lions Feedback Form
This form gathers information relevant to the website and gives visitors a way to share their Lions fan experience. The form uses JavaScript for the date message, validation, and custom feedback as required for Project 2.
The form is included on the Fan Zone page so it remains part of a page with sufficient related content. Please fill out every field before submitting.