JavaScript - 2. lekce
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

JavaScript - 2. lekceJavaScript - 2. lekce

 
Hledat
Moderní platforma pro vytvoření vašeho nového webu – Wix.com.
Nyní už můžete mít web zdarma.
Vybavení pro Laser Game
Spuštěn Filmový magazín
Laser Game Brno

JavaScript - 2. lekce

Google       Google       8. 1. 2006       26 309×

Druhá lekce kurzu JavaScriptu je o formátování textu, přednastavení alertu a o proměnných.

Reklama
Reklama

Text v JavaScriptu

V minulé lekci jsem vám ukázal jak jednoduše vypsat text na obrazovku za pomoci metody write objektu document. Teď bych vám rád ukázal jaké možnosti s document.write() máme. Pokud někdo z vás programuje v PHP, určitě zná příkaz echo a ví jaké má možnosti. Metoda write() má možnosti uplně stejné, tím myslím, že je do ní možno psát veškeré html tagy. Ovšem musím vás upozornit na používání atributů u tagů - nesmí se vám zkřížit uvozovky, proto u atributů používejte apostrofy.

Pokud byste ve textu vypsaném JavaScriptem chtěli použít znaky jako jsou uvozovky, apostrofy či zpětná lomítka, je potřeba pře ně vložit zpětné lomítko. Pro příklad text s uvozovkami, které se zobrazí.

Alert

V této lekci nrochu nakousneme i dialogová okna. Nejjednodušším dialogovým oknem je alert. Slouží pouze k vypsání nějaké informace na obrazovku uživatele. V praxi je reativně použitelný, ale byl bych s ním opatrný. Pokud budete do každé maličkosti cpát alert, pro uživatele je poté používání stráne značně nepříjemné. Alert nejčasteji použijete jako chybovou hlášku v případě neúspěchů při konání nějakých akcí. Alert zapisujeme podobně jako metodu write().

Proměnné

Teď se dostáváme k jedné z nejdůležitějších věcí, které budete ke skriptování potřebovat. Bez porměnných by se neobešel žádný programovací jazyk, z čehož plyne, že JavaScript také ne. Klíčovým slovem k definici proměnné je var. Pokud však do nedefinované proměnné vložíme hodnotu, tak se definuje sama a klíčové slovo var není zapotřebí psát.

Při psaní textu do proměnných platí stejné zásady formátování textu jako u metody write(). Můžete používat veškré HTML tagy a speciální znaky musíte vkládat stejným způsobem jako jsem o pár řádků výše zmínil.

Proměnné se dají také navzájem sčítat a odečítat. JavaScript rozlišuje 2 typy proměnných - čísla a řetězce. Číslo zpravidla poznáte tak, že není obklopeno uvozovkami, kdežto řetězec ano. Každý z těchto typů má určité povolené operace, jež s nimi můžete provádět. Pokud budete sčítat, odčítat, násobit, dělit dvě číselné proměné, dostanete výsledek, pokud bydete zkoušet provádět jednu z těchto operací s přoměnnými textovými, dostanete vždy, kromě sčítání, hodnotu NaN (značí neplatnou operaci pro daný typ proměnné).

Doufám že je to dost obrazné k pochopení problematiky operací s proměnnými. Určitě jste si všimli, že sčítání číselné proměnné s řetezcem je povolená operace, ale pozor, odčítání už povolená operace není (stejně jako dělení a násobení). A dále jste postřehli že jsem jedné proměnné přiřazoval více hodnot. Nenechte se zmást, proměnná ponese pouze tu hodnotu, která do ní byla uložena poslední, všechyn předešlé se smažou. Z příkladu nahoře tedy plyne, že konečná hodnota proměnné z bude NaN. Proměnné máme téměř za sebou. Ještě zbývá zmínit jejich nterpretaci do metody wite(). Lajcky řečeno se bude jednat o šcítání úseků textu a hodnot proměnných. Výstižnější to bude v příkladu.

Myslím, že toho k pochopení proměnných stačí. Kdybych měl vypsat všechny možnosti operací a jestli jsou platné nebo ne, byl bych tu velmi dlouho. Proto je lepší když si platnost ostatních oprací s proměnnými vyzkoušíte sami.

Úkol

Napište mi stránku, kde bude pod sebou zapsán váš věk, vaše výška a název vaší ulice či města, kde budou zmiňované hodnoty jako proměnné.

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

Hlasování bylo ukončeno    
0 hlasů
Google
(fotka) Tomáš BobekAutor je designérem stránek (2D grafika), ovládá jazyky HTML, CSS, PHP, JavaScript a zajímá se o programování v Javě.Krom programujte.com se podílí na projektech maths.cz (jako redaktor a grafik), ceskewebstudio.cz (jako designér) a webber.cz (jako JavaScript scriptař). Ostatní volný čas rád tráví s přáteli nebo sportuje (tenis, nohejbal, hokejbal, závodně fotbal).
Web     Twitter     Facebook    

Nové články

Obrázek ke článku Datafesťak 2018 bude o datech, byznyse a ženách v IT

Datafesťak 2018 bude o datech, byznyse a ženách v IT

Na Univerzitě v Hradci Králové se 23. a 24. listopadu potkají všichni, které zajímá práce s daty. 

Reálné zkušenosti se zpracováním dat budou v prostorách univerzity prezentovat zástupci obchodních i výrobních firem. Potkat tak bude možné představitelé například z Kiwi.com, Crocodille, Dáme Jídlo nebo společnosti Adler. 

Reklama
Reklama
Obrázek ke článku 4 tipy, jak financovat rozvoj start-upu

4 tipy, jak financovat rozvoj start-upu

Možná jste právě jedním ze zakladatelů či manažerů nadějného start-upu 
a aktuálně řešíte, kde sehnat finanční prostředky pro další rozvoj. Zde pro vás máme čtyři tipy.

Obrázek ke článku Virtuální zrcadla změní způsob nakupování v e-shopech

Virtuální zrcadla změní způsob nakupování v e-shopech

Díky pluginu Virtooal.com získávají zákazníci e-shopů možnost si vyzkoušet produkty ve virtuálním světě. E-shopy, které si plugin nainstalují, výrazně snižují množství vráceného zboží, dělají nákupy zábavnějšími, a tím budují lepší vztahy se svými zákazníky. V současnosti lze Virtooal.com využít zejména pro kosmetiku, brýle a šperky, do budoucna půjde také o módu.

Obrázek ke článku Kariérní postup & vyšší plat: Titul MBA ve sféře IT

Kariérní postup & vyšší plat: Titul MBA ve sféře IT

Působíte jako specialista v oblasti IT a aspirujete na povýšení, příp. řídící pozici? Pak se jistě potýkáte nejen s vysokými nároky (potenciálních) zaměstnavatelů, ale i se silnou konkurencí ze strany ostatních uchazečů. Pokud chcete zvýšit své šance na kariérní posun a lepší plat, měli byste vedle technických dovedností ovládat i ty manažerské. Pomoci vám v tomto ohledu může studium MBA se specializací na management IT.

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032018 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý