Javascript - úlohy 2012/2013
Cvičení 1 - jednoduchý výpočet
- deklarace proměnné, výpočet a výpis
- var, prompt, alert, document.write, Math.pow(), Math.PI()
- ! Vytvořte vývojový diagram a na stránku s výpočtem přidejte odkaz. Podle navrženého algoritmu naprogramujte libovolný výpočet obsahu, objemu či obvodu ...
- možné řešení - 1
Cvičení 2 - použití podmínky
- větvení programu, podmínka, relační operátory
- if, else if, else, ==, !==, <, > ...
- ! Naprogramujte výpočet obsahu obdelníku, upozorněte uživatele, že pokud zadal stejné délky stran a i b, že se jedná o čtverec ...
- možné řešení - 2
Cvičení 2 - hod n-stěnnou kostkou
- objekt Math
- Math.ceil, Math.random
- ! Naprogramujte hod n-stěnnou kostkou. Nechte na uživateli ať si vybere kolika stěnnou kostkou bude házet ...
- možné řešení - 2
Cvičení 3 a Cvičení 4 - hra Hádání čísel
- cyklus while, for, objekt Math
- while, for, break, Math.random(), Math.ceil(), Math.floor()
- ! Naprogramujte hru Hádání čísel, postupně ji vylepšujte. Nejprve jen hádejte zadané číslo, po té náhodné. Zeptejte se hráče na rozsah hádaných čísel. Počítejte pokusy. Napovídejte hráči, zda má hádat více či méně. V druhé variantě hry omezte počet pokusů.
- možné řešení - 3, cyklus while možné řešení - 4, cyklus for
Cvičení 5 - výpočet BMI / 2.C
- HTML formuláře, funkce, změna HTML stránky, větvení programu pomocí "přepínače", data z formuláře
- function, getElementById, getElementsByName, switch, DOM
- ! Připravte si HTML formulář a tabulku s hodnotami BMI (text tabulky je na Study!). Pomocí naprogramované funkce pro výpočet BMI spočítejte hodnotu BMI ze zadaných hodnot. Podle výsledné hodnoty probarvěte, změňte pozadí v příslušném řádku tabulky. Můžete přidat doporučení k hubnutí, tloustnutí či pochvalu ...
- možné řešení v.1, možné řešení v.2, možné řešení v.3
Cvičení 5 - výběr výpočtu z formuláře / 2.A
- HTML formuláře, funkce, větvení programu pomocí "přepínače", data z formuláře
- function, getElementById, getElementsByName, switch, DOM
- ! Připravte si HTML formulář pro výběr jednoho ze tří libovolných výpočtů. Tlačítkem zavoláte funkci, která zohlední výběr a umožní výpočet vybraného výpočtu.
- možné řešení
Cvičení 6 - kolik dnů do víkendu / 2.AC
- objekt Date() a jeho metody, pole
- new Date(), .getDay, nazev_pole[index]
- ! Vytvořte větu, kde se bude dle aktuálního data správně doplňovat den v týdnu a počet dní do víkendu ...
- možné řešení
Cvičení 7 - kolik dnů do víkendu / 2.AC
- metody pole
- .concat(), .join(), .push(), reverse(), shift(), slice(), sort(), splice(), toString(), unshift(), valueOf()
- ! Vytvořte přehled s příklady a popisem pro výše uvedené metody polí ... Každý si vymyslí svá pole a jejich prvky!
- možné řešení
Cvičení 8 - hrací kostka / 2.AC
- obrázky, funkce
- Math.random(), Math.ceil(), Math.floor(), onclick, getElementById().src
- ! Simulujte hod hrací kostkou. Po kliknutí na obrázek hrací kostku se zobrazí odpovídající strana s příslušným počtem "puntíků"!