https://github.com/shevchenkool/odpocitadlo
https://github.com/shevchenkool/odpocitadlo
flatpickr-library html-css-javascript
Last synced: 11 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/shevchenkool/odpocitadlo
- Owner: ShevchenkoOl
- Created: 2024-04-10T18:08:13.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-10T21:23:13.000Z (about 2 years ago)
- Last Synced: 2025-04-11T12:05:52.513Z (about 1 year ago)
- Topics: flatpickr-library, html-css-javascript
- Language: JavaScript
- Homepage: https://shevchenkool.github.io/odpocitadlo/
- Size: 4.88 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 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.
# Úkol 1 - barevný přepínač
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í `````` 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.
# Úkol 2 -odpočítávadlo
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.__
## Používání
Chcete-li použít toto úložiště, postupujte takto:
1. Naklonujte úložiště do místního počítače;
2. Přejděte do adresáře úložiště;
3. Spusťte každou úlohu podle pokynů popsaných v příslušném souboru úlohy.
## Autor
Toto úložiště vytvořil a spravuje [Oleksii Shevchenko](https://shevchenkool.github.io/portfolio/). Dotazy, návrhy a zpětnou vazbu lze směřovat na [email](uzlabini@gmail.com) or [linkedin profile](linkedin.com/in/oleksii-shevchenko-535ab61b8).