Diskuze: zobrazení obrázků vedle sebe
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 5 zpráv z 5.
K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.
Používáme nezbytné cookies pro fungování webu a s tvým souhlasem také analytické a marketingové cookies.
Zajišťují základní funkce, bezpečnost a služby, které sis vyžádal. Nelze je vypnout.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| ITnetwork | ITnetwork | Provoz webu, relace, přihlášení a uložení nastavení cookies. | PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent | Relace až 1 rok |
| Google Tag Manager | Správa značek a načítání měřicích nástrojů webu. | Žádné | Neukládá se | |
| Google Fonts | Načítání typografie webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google Hosted Libraries | Načítání potřebných knihoven a stylů webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google reCAPTCHA | Ochrana formulářů a webu před zneužitím. | _GRECAPTCHA, rc::a, rc::b, rc::c, rc::f | Relace až 180 dní | |
| YouTube | Přehrávání vloženého video obsahu. | localStorage, IndexedDB; cookies after playback interaction | Relace až trvalé úložiště | |
| Vimeo | Vimeo | Přehrávání vloženého video obsahu. | __cf_bm, _cfuvid, vuid, localStorage, IndexedDB | Relace až 2 roky |
| Facebook Login | Meta | Přihlášení pomocí účtu třetí strany. | Úložiště řízené poskytovatelem | Relace až 1 rok |
| GoPay | GoPay | Zpracování uživatelem vyžádané platby. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
Pomáhají nám porozumět používání webu a zlepšovat ho.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Analytics 4 | Měření návštěvnosti a používání webu. | _ga, _ga_* | Až 2 roky | |
| Microsoft Clarity | Microsoft | Měření návštěvnosti a používání webu. | _clck, _clsk, _cltk | Relace až 1 rok |
Slouží k měření kampaní, personalizaci reklamy a marketingové komunikaci.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Ads | Měření kampaní, reklama a remarketing. | _gcl_au, _gcl_ls | Relace až 90 dní | |
| Meta Pixel | Meta | Měření kampaní, reklama a remarketing. | _fbp, _fbc, localStorage | Až 90 dní |
| Sklik | Seznam.cz | Měření kampaní, reklama a remarketing. | retargeting, sid, szn:* | Relace až trvalé úložiště |
| LinkedIn Insight | Měření kampaní, reklama a remarketing. | bcookie, li_gc, lidc, __cf_bm | Relace až 1 rok | |
| Ecomail | Ecomail.cz | Měření kampaní, reklama a remarketing. | ecmid, Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
| Atribuce kampaní ITnetwork | ITnetwork | Přiřazení návštěvy a objednávky ke kampani. | campaign_clid[*], user_session_context | Až 1 rok |
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.


<img> html kod obrazek (https://www.jakpsatweb.cz/html/obrazky.html#img z atributu se dnes pouziva jen src a class)
<img><img><img><img> - 4 obrazky vedle sebe
<script>document.write('<img><img><img><img>');</script> - 4 obrazky vedle sebe vypsane javascriptem
S tim polem to moc nechapu. To je nejaky ukol do skoly? Jake je zadani, co
muzete, mate pouzit, jak to ma asi vypadat? A idealne tvuj vlastni pokus s
chybami. Obvykle tu lide cizi ukoly nedelaji od zacatku az do konce.
Cyklus, cykleni, cirkulace, toceni, opakovani. Uzavres prikazy do cuklu za
ucelem jejich opakovani. Coz pro 4 obrazky nema vyznam, ale.
<script>
var arr;
arr = [9, 8, 7, 6];
document.write( arr[0] + arr[1] + arr[2] + arr[3] ); // 9876 - zadny cyklus jsem nepotreboval
var str, i, i_start, i_end;
str = '';
i_start = 0;
i_end = arr.length; // 3
for (i=i_start; i<i_end; i++) // for (prikazy na zacatku cyklu; podminka ukonceni cyklu; prikazy na konci cyklu)
{str =+ arr[i];}
document.write(str);
// Na zacatku dej do i 0. Opakuj cyklus dokud, ze je i<3 (arr.length). A pri kazdem kroku na konci cyklu zvys i o 1.
str = '';
i_start = 0;
i_end = arr.length;
i = i_start;
for (;;)
{
str =+ arr[i];
i++; // i++ nebo i += 1 nebo i = i +1
if (!(i<i_end)) // nebo i>=i_end
{break;} // zastav cyklus
}
document.write(str);
str = '';
i_start = 0;
i_end = arr.length;
i = i_start;
while (i<i_end) // podminka
{
str =+ arr[i];
i++;
}
document.write(str);
str = '';
i_end = arr.length;
i = 0;
while ()
{
str =+ arr[i];
i++;
if (i>=i_end)
{break;}
}
document.write(str);
</script>
A mozna uplne nejjednodussi zapis...
var arr, str, i;
arr = [9, 8, 7, 6];
str = '';
for (i=0; i<3; i++)
{str =+ arr[i];}
document.write(str);
Ucitel ale mozna bude chtit po tobe misto 3 napsat
arr.length.
A misto document.write napsat
document.getElementById('nejakeiddivu').innerHTML.
Protoze ucitele si nekdy desne navymysli!
Navymysli, na druhou stranu to je spravne. Alespon se ti pak nestane, ze mas
4 prvky v poli a proiterujes jen 3 
No, navic v tom jeho pripade je pouziti cyklu na takovou vec uplne zbytecny, stacilo by
const arr = [9, 8, 7, 6];
document.write(arr.join(""));
Zobrazeno 5 zpráv z 5.