|
|
Line 1: |
Line 1: |
| // Wait for the DOM to be ready | | // Wait for the DOM to be ready |
| document.addEventListener('DOMContentLoaded', function() { | | document.addEventListener('DOMContentLoaded', function() { |
| // Get the element with id "list" | | // Change the background color of the body |
| var list = document.getElementById('list'); | | document.body.style.backgroundColor = 'lightblue'; |
| | |
| // Check if the "list" element exists
| |
| if (list) {
| |
| // Get all elements with class "card" within the "list" element
| |
| var cards = list.querySelectorAll('.card');
| |
| | |
| // Log the number of cards found
| |
| console.log('Number of cards:', cards.length);
| |
| | |
| // Attach click event listener to each card
| |
| cards.forEach(function(card) {
| |
| card.addEventListener('click', function() {
| |
| // Log a message to the console when a card is clicked
| |
| console.log('Card clicked!');
| |
| });
| |
| });
| |
| } else {
| |
| console.error('Element with id "list" not found.');
| |
| }
| |
| }); | | }); |