Detect repeated element IDs on DOM

const allIds = [...document.querySelectorAll('[id]')].map(el => el.id);
const duplicates = allIds.filter((id, index) => allIds.indexOf(id) !== index);

if (duplicates.length === 0) {
  console.log('✅ No duplicate IDs found!');
} else {
  console.warn('⚠️ Duplicate IDs found:', [...new Set(duplicates)]);
  [...new Set(duplicates)].forEach(id => {
    console.group(`ID: "${id}"`);
    document.querySelectorAll(`[id="${id}"]`).forEach(el => console.log(el));
    console.groupEnd();
  });
}