<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
</head>
<body>
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
<img id="aa1" src="https://picsum.photos/300">
<img id="aa2" src="https://picsum.photos/200">
<img id="aa3" src="https://picsum.photos/100">
<script>
let tablica1 = new Array()
let tablica2 = new Array(10)
let tablica3 = new Array(10, 22, 35, 44, 57, 62, 78, 84, 98, 106)
let tablica4 = []
let tablica5 = [10]
let tablica6 = [13, 22, 35, 44, 57, 62, 78, 84, 98, 106]
document.write("<br>"+tablica3[3]+"<br>")
tablica3[3]=100
document.write(tablica3[3]+"<br>")
document.write("tablica zawiera "+tablica3.length+" elementów<br>")
tablica3.push(200)//dodanie na końcu tablicy
document.write("tablica zawiera teraz"+tablica3.length+" elementów<br>")
tablica3.forEach((wartosc, indeks) => {
document.write(indeks+":"+wartosc+" ")
})
tablica3.pop() //usunięcie z końca tablicy
document.write("<br>Tablica zawiera ponownie"+tablica3.length+" elementów<br>")
for(let i=0; i<tablica3.length; i++){
document.write(i+":"+tablica3[i]+" ")
}
document.write("<br>")
document.write(tablica3)
tablica3.shift() //usunięciue pierwszego elemntu tablicy
document.write("<br>")
document.write(tablica3)
tablica3.unshift(1000)
document.write("<br>")
document.write(tablica3)
document.write("<br>")
document.write("wartość 22 jest na pozycji "+tablica3.indexOf(22))
var usunieteZtablicy3 = tablica3.splice(1,2)
document.write("<br>"+usunieteZtablicy3)
document.write("<br>")
document.write(tablica3)
var tablica3kopia=tablica3.slice()
document.write("<br>")
document.write(tablica3kopia)
document.write("<br>")
document.write(tablica3[500])
document.write("<br>")
for (let i=0; i<tablica3.length; i++){
if(i==5){
document.write("<span class=czerwony>")
document.write(tablica3[i]+" ")
document.write("</span>")
}
else document.write(tablica3[i]+" ")
}
const imgy = document.querySelectorAll(`img`)
document.write("<br>")
imgy.forEach((element, indeks) => {
document.write(element.id+"-->"+indeks+"-->"+element.src+"<br>")
element.src="https://picsum.photos/100"
});
const divy = document.querySelectorAll('div')
document.write("<br>")
// elementy 0-2 są spoza zajęć, są one wykorzystywane w CSS
divy.forEach((element, indeks) => {
document.write(element.id+"-->"+indeks+"<br>")
})
</script>
</body>
</html>