You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
2.1 KiB
73 lines
2.1 KiB
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;
|
|
})
|