What You Need to Build
Build something cool and get waffles. Simple as that.
01
The Basics
Two Pages
Create two different HTML pages with real content. Not placeholders, not lorem ipsum - actual stuff :D
Your Work
Make sure the project is your own. Do not copy and paste code from the internet.
Make It Yours
Add something that makes the site fun or different so it does not feel generic. Give it personality.
Features
Use at least five HTML and CSS features on each page. Show what you know.
Static Only
The site should be static, which means just HTML, CSS, and JavaScript. No frameworks needed.
Content
Put some text, colors, and at least one image on each page. Just make sure it looks complete!
Fresh Build
The project must be created recently. Old projects do not count.
02
JavaScript Functions
Each page should have three JavaScript functions. Here's what they need to do:
Function Type 1: Change Something
Your function should change or update something on the page.
Examples:
- Swap an image when it is clicked
- Hide or show part of the page
- Change the style of an element
Function Type 2: React to User
Your function should react to something the user does.
Examples:
- Run when someone clicks a button
- Check a form before it is submitted
- Update text live while the user is typing
Function Type 3: Use Core JavaScript
Your function should use a core JavaScript idea.
Pick from these:
- Event listeners
- If statements
- Updating the DOM
- Changing styles with JavaScript
- Variables and functions
03
Important Notes
Each function should clearly affect the page so the user sees what happens.
Use simple, clear names for your functions.
Do not copy from websites.
Do not use AI tools to write the submission.