<!-- w tabliczy są 10 obarazków i skrypt wyświetla wszystkie te obrazki w postaci galerii 5x2 -->
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<style>
img{
height: 200px;
width: 200px;
}
</style>
</head>
<body>
<script>
let newSekcja1 = document.createElement('section')
let newSekcja2 = document.createElement('section')
let tresc = document.getElementsByClassName("tresc")[0]
newSekcja1.setAttribute('id','sekcja1')
newSekcja2.setAttribute('id','sekcja2')
tresc.appendChild(newSekcja1)
tresc.appendChild(newSekcja2)
// let tabObraz = ['https://cdn.onemars.net/sites/perfect-fit_pl_W7ZCj_JAs8/image/large_kot-nie-chce-jeoe-mokrej-karmy-sprawdc-czy-powinieneo-si-r-przejmowae_1637151639646_1686300799201.png','https://premium4animals.pl/upload/premium4/blog//Kot-ragdoll.jpeg','https://www.vipazor.pl/img/uploads/blog_grafiki/kot_tonkijski_opis_rasy.jpg','https://www.sheba.pl/sites/g/files/fnmzdf5171/files/2023-03/co-moze-jesc-kot_-produkty-ktore-smialo-mozesz-wcielic-do-jego-diety_optimized_1597650834564_0.jpeg','https://zoona.pl/wp-content/uploads/2023/10/Dlaczego-moj-kot-nie-miauczy-scaled.jpg','https://cdn.royalcanin-weshare-online.io/drn5Tm0B2t6cTeuU2Bgq/v1/kot-birmanski-na-kanapie-kot-domowy-niewychodzacy-hub-pl','https://www.dolina-noteci.pl/data/include/cms/Blog-DN/czy_kot_jest_najlepszym_przyjacielem_singla.jpg','https://cdn.onemars.net/sites/perfect-fit_pl_W7ZCj_JAs8/image/kot-w-nowym-domu_1633946823468_1634206264217.png','https://www.dolina-noteci.pl/data/include/img/news/1657711655.jpg','https://images.immediate.co.uk/production/volatile/sites/49/2023/10/imgXL2uht-45d684e.jpg']
let tabObraz = []
for (let i = 0; i <= 9; i++) {
tabObraz[i] = `https://picsum.photos/${Math.round(Math.random()*200)}/200`
}
let sekcja1 = document.getElementById("sekcja1")
let sekcja2 = document.getElementById("sekcja2")
for (let i = 0; i <= 9; i++){
if (i<=4) {
console.log(i)
let obraz = document.createElement('img')
obraz.src = tabObraz[i]
sekcja1.appendChild(obraz)
}
else {
let obraz = document.createElement('img')
obraz.src = tabObraz[i]
sekcja2.appendChild(obraz)
}
}
</script>
</body>
</html>