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

JavaScript - 2. lekceJavaScript - 2. lekce

 

JavaScript - 2. lekce

Google       Google       8. 1. 2006       24 315×

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 Nový IT hráč na českém trhu

Nový IT hráč na českém trhu

V roce 2015 otevřela v Praze na Pankráci v budově City Tower své kanceláře společnost EPAM Systems (NYSE:EPAM), jejíž centrála se nachází v USA. Společnost byla založená v roce 1993 a od té doby prošla velkým vývojem a stále roste.

Reklama
Reklama
Obrázek ke článku České Radiokomunikace opět hledají nejlepší nápady pro internet věcí

České Radiokomunikace opět hledají nejlepší nápady pro internet věcí

České Radiokomunikace (CRA) pořádají druhý ročník CRA IoT Hackathonů. Zájemci z řad vývojářů a fanoušků moderních technologií mohou změřit své síly a během jediného dne sestrojit co nejzajímavější funkční prototyp zařízení, které bude komunikovat prostřednictvím sítě LoRa. CRA IoT Hackathony se letos uskuteční ve dvou fázích, na jaře a na podzim, v různých městech České republiky. Jarní běh se odstartuje 31. března v Brně a 7. dubna v Praze.

Obrázek ke článku Cloud computing je využíván stále intenzivněji

Cloud computing je využíván stále intenzivněji

Využívání cloud computingu nabývá na intenzitě. Jen v letošním roce vzroste podle analytiků trh se službami veřejného cloudu o 18 %, přičemž o téměř 37 % vzrostou služby typu IaaS. Růst o více než pětinu pak čeká služby poskytování softwaru formou služby, tedy SaaS. Aktuálním trendům v oblasti využívání cloudu se bude věnovat konference Cloud computing v praxi, která se koná 23. března. 2017 v pražském Kongresovém centru Vavruška na Karlově náměstí 5.

loadingtransparent (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();
Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032017 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý