$(()=>{ const arr = [] const altarr=[] document.querySelector('[data-list="list"]').querySelectorAll('img').forEach(e=>{ arr.push(e.src) altarr.push(e.alt) }) toplistfun(arr,altarr) bottomlistfun(arr,altarr) }) function toplistfun(arr,altarr){ let str = '' for (let i = 0; i < Math.ceil(arr.length / 2); i++) { str += `${altarr[i]}` } str = `
${str}
` str += str document.querySelector('[data-list="top"]').innerHTML = str } function bottomlistfun(arr,altarr){ let str = '' for (let i = Math.ceil(arr.length / 2); i < arr.length; i++) { str += `${altarr[i]}` } str = `
${str}
` str += str document.querySelector('[data-list="bottom"]').innerHTML = str }