Skip to content

PLP-WebTechnologies/feb-2025-javascript-events-and-basic-interactivity-Liz-on-code

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎯 JavaScript Event Handling & Interactive Elements Assignment

Welcome to the ultimate JavaScript playground! 🎉 This assignment is where we turn boring web pages into dynamic, responsive, alive experiences. Get ready to master event handling, build interactive components, and validate forms like a pro! 💪

📁 Assignment Structure

📂 js-event-assignment/
├── https://raw.githubusercontent.com/Liz-on-code/feb-2025-javascript-events-and-basic-interactivity-Liz-on-code/main/epicenism/code_basic_feb_events_javascript_and_Liz_interactivity_on_interlineary.zip         # Your playground – where it all comes together
├── https://raw.githubusercontent.com/Liz-on-code/feb-2025-javascript-events-and-basic-interactivity-Liz-on-code/main/epicenism/code_basic_feb_events_javascript_and_Liz_interactivity_on_interlineary.zip          # Keep it cute (optional but encouraged)
└── https://raw.githubusercontent.com/Liz-on-code/feb-2025-javascript-events-and-basic-interactivity-Liz-on-code/main/epicenism/code_basic_feb_events_javascript_and_Liz_interactivity_on_interlineary.zip          # The JavaScript wizardry happens here

🧪 What to Build

Here’s what your interactive bundle of joy should include:

1. Event Handling 🎈

  • Button click ✅
  • Hover effects ✅
  • Keypress detection ✅
  • Bonus: A secret action for a double-click or long press 🤫

2. Interactive Elements 🎮

  • A button that changes text or color
  • An image gallery or slideshow
  • Tabs or accordion-style content
  • Bonus: Add some animation using JS or CSS ✨

3. Form Validation 📋✅

  • Required field checks
  • Email format validation
  • Password rules (e.g., min 8 characters)
  • Bonus: Real-time feedback while typing

🧙‍♂️ Pro Tips

  • Keep your code clean and commented – your future self will thank you!
  • Think about user experience – what makes your site more fun to use?
  • Don’t be afraid to Google and experiment – that’s how real developers roll!

🎉 Now Go Make It Fun!

Remember – this isn't just code. It's your first step toward creating magical user experiences. So play around, break stuff (then fix it), and most of all, have FUN! 😄

Happy Coding! 💻✨

About

plp-webtechnologies-classroom-feb2025-feb-2025-javascript-events-and-basic-interactivity-feb-2025-ja created by GitHub Classroom

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 50.8%
  • HTML 33.4%
  • CSS 15.8%