Interactive Web Development with JavaScript

Eduardo C.·

JavaScript

Preview

At a Glance

SubjectJavaScript

Original Prompt

Exercise 1 – Basic Output Create a webpage that: ✔ Displays your name using innerHTML ✔ Displays "Welcome" using alert() ✔ Logs message to console Exercise 2 – Button Click Calculator Create: ✔ Two input boxes ✔ A button ✔ Display sum using innerHTML ✔ Log result to console Exercise 3 – Dropdown Event Create: ✔ Dropdown with 3 colours ✔ When changed, background colour updates ✔ Show alert with selected colour Exercise 4 – Mouse Hover Effect Create: ✔ Text that changes colour on mouseo...

This resource guides students in mastering fundamental JavaScript output methods, event handling, and DOM manipulation, aimed at creating interactive web applications. It includes progressive coding exercises designed to reinforce learning objectives, such as displaying data using innerHTML, handling button clicks to perform calculations, and responding to events triggered by user actions (like dropdown selections). The document features various exercises, including a button-click calculator, a dropdown event handler that changes the background color, and interactive effects such as mouse hover. There's also a focus on vocabulary building, real-world applications through programming challenges, and metacognitive reflection to enhance coding practices.