console.log("script.js aktivován");

const cisla = [1,2,3,4,5,6,7,8,9,10];

console.log("Vypíšu jen sudý čísla")
//forEach používame pro práci s elementy v poli bez nutnosti modifikace prvku jako takového
cisla.forEach(function(cislo) {
    if(cislo % 2 === 0) { // modulo % vráci jen zbytek po dělení
        console.log("Toto číslo "+cislo + " je sudé");
        let x = "";
        for (let i = 0; i <= cislo; i++) {
            x += "*";
        }
        console.log(x);
    }
})

const ovoce = ["jablko", "hruška", "pomeranč", "jahoda", "banán"];

ovoce.forEach(function(ovoce,index) {
    console.log(`Ovoce na indexu ${index} je ${ovoce}`);
})


console.log("===========================");
console.log("Ukázka map() a filter()");

//cisla = [1,2,3,4,5,6,7,8,9,10];

const druheMocniny = cisla.map(cislo => cislo*cislo);
const kratDva = cisla.map(cislo => cislo*2);
console.log(druheMocniny);
console.log(kratDva);

const produkty = [
    {nazev: "notebook", cena: 10000},
    {nazev: "telefon", cena: 3500},
    {nazev: "tablet", cena: 6000},
]

const nazvyProduktu = produkty.map(produkt => produkt.nazev)
console.log(nazvyProduktu);

const lide = [
    {jmeno: "Jarda", vek: 30},
    {jmeno: "Eva", vek: 26},
    {jmeno: "Josef", vek: 35},
    {jmeno: "Karel", vek: 23},
    {jmeno: "Evžen", vek: 20},
]
//filter pouzivame pro vytvoření nového pole s určitou podminkou z předchozího pole
const dospeli = lide.filter(lide => lide.vek > 25); 
//map použiváme pro práci s kazdým prvkem v poli 
const jmenaDospelych = dospeli.map(lide => lide.jmeno);
console.log(jmenaDospelych);


//využivame produkty pro zobrazení na stránce

const prodkutyRow = document.getElementById("produkty-row")
produkty.map(produkt => {
    const karta = `
        <div class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title"> ${produkt.nazev}</h5>
                    <p class="card-text"> Cena: ${produkt.cena} </p>
                </div>
            </div>
        </div>
    `;
    prodkutyRow.innerHTML += karta;
})