Toto úložiště bylo vytvořeno pro nácvik zpracování událostí JS. Připravené značky a připojené soubory skriptů pro každý úkol. Zkopírujte je do svého projektu.
Dokončete tento úkol v souborech 01-color-switcher.html a 01-color-switcher.js.
Napište skript, který po stisknutí tlačítka „Start“ jednou za sekundu změní barvu pozadí <body> na náhodnou hodnotu pomocí inline stylu. Když kliknete na tlačítko "Stop", změna barvy pozadí by se měla zastavit.
Když stisknete tlačítko „Start“, přestane být aktivní (atribut disabled), a když stisknete tlačítko "Stop", "Stop" se stane neaktivní a „Start“ se stane aktivním.
Dokončete tento úkol v souborech 02-timer.html a 02-timer.js.
Napište skript časovače, který odpočítává do určitého data. Tento časovač lze použít v blozích a internetových obchodech, na stránkách registrace událostí, při údržbě atd. HTML má připravené označení časovače, pole pro výběr data ukončení a tlačítko, které po kliknutí spustí časovač. Přidejte do skriptu minimální design prvků rozhraní.
Když kliknete na tlačítko „Start“, skript by měl jednou za sekundu vypočítat, kolik času zbývá do zadaného data, a aktualizovat rozhraní časovače, přičemž zobrazí čtyři číslice: dny, hodiny, minuty a sekundy ve formátu xx:xx: xx:xx.
Počet dní se může skládat z více než dvou číslic. Časovač by se měl zastavit, když dosáhne koncového data, tj. 00:00:00:00.
Další rady jsou v příslušných souborech.
Chcete-li použít toto úložiště, postupujte takto:
- Naklonujte úložiště do místního počítače;
- Přejděte do adresáře úložiště;
- Spusťte každou úlohu podle pokynů popsaných v příslušném souboru úlohy.
Toto úložiště vytvořil a spravuje Oleksii Shevchenko. Dotazy, návrhy a zpětnou vazbu lze směřovat na email or linkedin profile.