cjohnhanson / int-u3-project-23-24-starter-code

INT: Unit 3 Project Starter Code

You will use this starter code to help you plan your Unit 3 project.

This starter code is meant to help you get started - feel free to change ANYTHING about the style or structure of this starter code to make it your own 💪

Setup

1. Fork this repo and import your copy into Replit.
2. Go to the <title> tag and change it to your name and "Unit 3 Project" (For instance if your name is Janice, the title should be "Janice_Unit 3 Project")

Project Task List

Project Plan

• Clone or Fork the Starter Code.
• Look over “Inspiration & Ideas” section.
• Complete the “Brainstorming” section.
• Choose a “Next Level Feature”.

HTML

Adjust the HTML to match your story. HTML elements to use on your page could include:

• Headings
• Paragraphs
• Images

CSS

• Use the the display property in CSS to hide all but the first part of the game when the user enters.
• Add two other styling elements you like (background color, color, font, etc.)

JS

• Save HTML elements using the querySelector() method.
• Use .style to change the CSS display property when the user interacts with the page.
• Use .innerHTML to change the text when the user interacts with the page.
• Includes at least two events.

Check Accessibility

Check that the text is readable:

• Color contrast ratio of 4-4.5:1
• All images have alt attributes