🧇

🧇

🧇

🧇

Waffles

YS: A Website with HTML, CSS and a little spread of JavaScript

WS: Get free waffles

Requirements

All Hack Clubbers who are 18 or under, or still in high school, can join this event!

Your website must:

Be original (No copy pasting)

Have 2 HTML pages with content

Have something fun & unique!

Have 5+ HTML and CSS features for each page

Have a Javascript Spread (Check Below)

Be made recently

Be static (uses HTML + CSS and JavaScript)

Have text, color and a image

Any Questions?

Join the #waffles channel on Hack Club Slack to connect with fellow participants and mentors!

Club/Event Questions?: Send your question in #waffles on the Hack Club Slack for quick assistance.

JavaScript Spread!

Each page must have 3 separate JavaScript functions, and each function should:

1. Interact with the page’s content

Example:

Change text/image on click
Show/hide sections
Change styles dynamically

2. Respond to user input or actions

Functions should respond to user actions:

Respond to button clicks (onclick)
Validate form fields Live updates via (onsubmit,onchange)
Update text live from an input box (oninput)

JavaScript Concepts

Each function must demonstrate one of the following:

Concept	Example Function
Event listeners	`button.addEventListener("click", myFunction)`
Conditionals	`if (input === "") { alert("Fill this!") }`
DOM manipulation	`element.textContent = "Updated!"`
Styling via JS	`element.style.color = "red"`
Variables + functions	`let count = 0; function increment() { count++ }`

Important Notes for Submission

Function must visibly affect the page
Use clear function names
No copy-pasting from websites