Project 12: Product Landing Page

JS Wizard

Builds on these lessons

Events Event Listener Common Events Propagation

Step 1 of 4

Project

Listening for a Click

Select the CTA button and call .addEventListener("click", ...) with a function that logs a message. addEventListener is how you attach behavior to a user action without ever setting an onclick HTML attribute.

🎯 Your Task

Please add the exact code shown in the light gray box below to your editor.Do not delete your previous code, just insert these new lines in the correct place!

const ctaButton = document.querySelector(".btn-cta");

ctaButton.addEventListener("click", function () {
  console.log("Get Started clicked");
});

← Previous Next →