JavaScript

Browser Events

const items = document.getElementsByClassName('item');
console.log("Initial HTMLCollection length:", items.length);

document.getElementById('addButton').addEventListener('click', () => {
  const newItem = document.createElement('div');
  newItem.className = 'item';
  newItem.textContent = `Item ${items.length + 1}`;
  document.body.appendChild(newItem);

  console.log("Updated HTMLCollection length:", items.length);
});