script.js

// Select the subtitle element and all lightbulbs
let subtitle = document.querySelector(".title");
let lightbulbs = document.querySelectorAll(".lightbulb"); // Get all lightbulbs at once

let count = 0;

// Use a loop to attach event listeners to each lightbulb
lightbulbs.forEach(function(lightbulb) {
    lightbulb.addEventListener("click", function() {
        // Toggle the "active" class for the clicked lightbulb
        lightbulb.classList.toggle("active");
        
        // Increment the click count and update the subtitle
        count++;
        subtitle.innerHTML = `You've clicked the lights ${count} times.`;
    });
});