JS Pomůcky při tvorbě Javascriptu

# Pomůcky při tvorbě Javascriptu?

- Zdrojový kód příkladu - Pro lepší pochopení příkladu si zobrazte zdrojový kód.
- Komentáře
- Javascriptova konzola
- Hledání chyby hláškou alert

## Zdrojový kód

Je to zápis programu jazykem javascript do html stránky. Obvykle jej získáte kliknutím na menu prohlížeče Zobrazit a pak Zdrojový kód.

U každého příkladu si zobrazte zdrojový kód.

### Jak si zobrazit zdrojový kod?

- Prohlížečem, menu Zobrazit - Zdrojový kód (Source code). Někdy lze vyvolat přes pravé tlačítko.
- Uložením stránky prohlížečem a prohlédnutím textovým editorem. Menu - Soubor - Uložit - uplný HTML
- Prohlédnutím cache adresáře (kam si www prohlížeč ukládá stránky) na disku
- Spuštěním speciálního javascriptu ze založky oblíbených, BookMarkLet kódu, který si tam nejprve přidáte.

### Jak skrýt zdrojový kód u prohlížitele?

Pokusy o zakaz zobrazení kódu jsou vesměs marné. Často je tato otázka v diskuzi. Podstatou zobrazení stránky je, že www prohlížeč totiž musí mít způsob, jak stránku dekódovat. V tom případě vše pro zobrazení kódu mate už na disku, stačí hledat.

Různé způsoby skrytí:

- První pokusy vedou k zablokování pravého tlačítka a příbuzných událostí. prave-tlacitko.html a zruseni-udalosti.html. No tak vypnu javascript a je vyřešeno. Nástroje - možnosti - povolit javascript, aktivní skriptování - NE (explorer). Nástroje - možnosti - obsah - povolit javascript (firefox).
- V exploreru jde tuším zablokovat i menu zobrazit zdrojový kód. Tak se podíváme do adresáře s Cache, který obsahuje všechny prohlížené stránky za poslední období.
- Šifrování javascriptem. Tady zobrazit zdroj jen tak nejde, stále je to šifrované. Ke škodě však je, ze ve zdroji musíte mít dekódovací program a k dekódování je potřeba mít javascript povolen. Někde jej správci zakazují, protože v Exploreru je možné javascritem kombinovaným s ActiveX šířit viry. Jak zobrazit? Přidáme do stránky vlastní JS kód přes IFRAME nebo BookMarkLet. A nebo Firefox má třeba funkci pro zobrazení generovaného kódu (označit text, pravé tlačítko, zobrazit zdrojový kód výběru; nebo lze použít rozšíření Development toolbar), což zobrazí výsledný HTML i s dekódovaným javascriptem.
  Pozn. V Exploreru existuje komprimace stránky přes ActiveX a ZIP. Také by se to dalo použít, ale Firefox pak nebude schopen stránku zobrazit (moderní firefox uz to možná umí).

## Komentáře

Komentář je poznámka autora nebo jiné osoby, která program upravovala. Často pomáhají usnadnit pochopení příkladu a zjednodušit práci při změně nastavovaní.

Složitější programový kód bez komentářů může opravovat autor, ale už obtížně se v něm vyznává jiná osoba, a často i autor sám mam problémy. Proto v jakémkoliv programovacím jazyce doporučuji komentáře.

    // jednoradkovy

    var pos = 5;	// jednoradkovy

    /*
    blokovy, viceradkovy
    var i,pos;
    pos = 5;	// poznamka
    i   = 0;	//poznamka
    */

## Javascriptova konzola (chybová)

Slouží pro zobrazení chyb za běhu programu. U chyby popisuje její druh a řádek, na kterém nastala.

Konzola najdete v každém prohlížeči, který JS podporuje. Bohužel pokaždé jinde, takže uvedu:

- Internet Explorer: ve stavovém řádku okna (řádku stavů), vlevo dole, je buď modré "e" (script je ok) nebo výstražný zlutý trojúhelníček /!\ , který se dá rozkliknout. Brzy zjistíte, že není příliš praktická a často dává zdánlivě nesmyslné údaje. Při bližším zkoumání zjistíte, že jsou v pořádku, ale dost obtížně se dohledájí pak některé chyby. V některých verzích je třeba odchytávání chyb povolit v nastavení.
- Firefox: Nástroje - chybová konzola
- Opera: Nástroje - Javascript - konzola

## Hledání chyby hláškou alert

Velmi šikovný způsob. Často se snadněji hledá chyba, když můžete průběh programu sledovat a zjistit, co se jestě provedlo a co už ne. Jednoduchý způsob je použít alert na kritická místa. V případě složitějších věcí se dá vepisovat stav nebo promenné do textarea.value+=stav nebo prvek.innerHTML+=stav .

`var a = Math.random(5);`
`if (a>2) {alert(1 + ' a = ' + a);}`
`else {alert(2 + ' a = ' + a);}`