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

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
Laser Game Ostrava

JavaScript - 2. lekce

Google       Google       8. 1. 2006       27 000×

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 Ericsson ConsumerLab Report: rozšířená realita je další úrovní gamingu

Ericsson ConsumerLab Report: rozšířená realita je další úrovní gamingu

Celkem 66 % uživatelů zajímá rozšířená realita v oblasti gamingu. Mezi nimi je i 35 % těch, kteří jinak hry nehrají.
Pro téměř 50 % respondentů by bylo zajímavé zapojení virtuální objektů do reálného světa. Objekty by zůstaly tam, kde je při hře „umístili“.
Až 43 % uživatelů láká využití rozšířené reality ve sportu

Reklama
Reklama
Obrázek ke článku Instalace nejnovější verze Apache 2.4, PHP 7.3, MariaDB 10.3 a Memcached na Windows 10

Instalace nejnovější verze Apache 2.4, PHP 7.3, MariaDB 10.3 a Memcached na Windows 10

Buďte při vývoji efektivní! Pomocí tohoto návodu během chvíle vytvoříte ze svého počítače lokální webový server. Vyzbrojíte jej vším, co budete při práci potřebovat: Apache 2.4, PHP 7.3, MariaDB 10.3 a Memcached. Je to plná polní pro webové vývojáře s Windows 10. Navíc poradíme, jak mít na localhostu více projektů pomocí VirtualHost.

Obrázek ke článku Do poskytovatele managed hostingových služeb vshosting~ vstupují zahraniční investoři

Do poskytovatele managed hostingových služeb vshosting~ vstupují zahraniční investoři

Po více než roce jednání do vshosting~ vstoupili 3 investiční skupiny z Německa: Pecunalta, BrainWeb Investment a Quines Capital. Jde o investiční skupiny, které mají účast na projektech jako PlusServer (největší managed provider v Německu a jeden z největších v Evropě), PLESK, cPanel, CloudLinux, GoDaddy (největší světový hostingový poskytovatel z USA), či Acronis, pomohou vshosting~ v jeho plánované mezinárodní expanzi na další zahraniční trhy. Ve vshosting~ nyní drží 75% podíl, zbylých 25 % zůstává zakladatelům vshosting~, kterými jsou Damir Špoljarič (CEO) a Jan Martinů (CTO).

Obrázek ke článku Posuňte své znalosti IT na výrazně vyšší úroveň

Posuňte své znalosti IT na výrazně vyšší úroveň

Zájem o IT odborníky je v současnosti v tuzemsku i v zahraničí enormní a vedení firem si moc dobře uvědomuje, jak těžké je získat ty správné. I přesto, že je odborníků na trhu dlouhodobý nedostatek, stále platí, že část z nich je - a bude - placena výrazně lépe než ti ostatní. Proč tedy nebýt mezi nimi?

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