JavaScript

Browser Events

const staticNodeList = document.querySelectorAll('.item');
console.log("Initial Static NodeList length:", staticNodeList.length);

const container = document.querySelector('.container');
const liveNodeList = container.childNodes;
console.log("Initial Live NodeList length:", liveNodeList.length);

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

  console.log("Updated Static NodeList length:", staticNodeList.length);
  
  console.log("Updated Live NodeList length:", liveNodeList.length);
  
});