window.addEventListener('DOMContentLoaded', function() { const root = document.getElementById('hcp-dakhla'); root.innerHTML = ` `; // ===== NOW #key-table exists ===== const kt = document.getElementById('key-table'); if (!kt) return; const DATA = { keyfigures: [ { img:'', title:'👥 السكان', items:[ { label:'السكان', id:'kf-pop-total', VALUE:'219,965' }, { label:'الذكور', id:'kf-pop-m', VALUE:'110,000' }, { label:'الإناث', id:'kf-pop-f', VALUE:'109,965' }, { label:'الشباب 15–35 سنة', id:'kf-pop-youth', VALUE:'70,000' } ] }, // ... other keyfigures ] }; // Populate key-table DATA.keyfigures.forEach(k => { kt.insertAdjacentHTML('beforeend', `${k.img}`); kt.insertAdjacentHTML('beforeend', ``); const ulId = 'ul-' + Math.random().toString(36).slice(2); kt.insertAdjacentHTML('beforeend', `

`); const ul = document.getElementById(ulId); k.items.forEach(it => { ul.insertAdjacentHTML('beforeend', `

${it.label}${it.VALUE}

` ); }); }); });