Kroužek Javascriptu - krouzek:uloha
https://adasek.cz/js/
2026-04-27T01:26:30+00:00Kroužek Javascriptu
https://adasek.cz/js/
https://adasek.cz/js/_media/wiki:dokuwiki.svgtext/html2024-04-17T16:54:08+00:00Anonymous (anonymous@undisclosed.example.com)barevna_cisla
https://adasek.cz/js/krouzek:uloha:barevna_cisla?rev=1713372848&do=diff
Úloha: Barevná čísla
1) vypište na stránku čísla od 1 do 20. Umožněte konfiguraci horní meze (= vypisujte javascriptem)
2) čísla udělejte elegantní velikost, font, odstup od ostatních, případně i okraj (border) - CSS
3) Změňte číslům barvutext/html2024-04-24T16:37:46+00:00Anonymous (anonymous@undisclosed.example.com)barevna_cisla2
https://adasek.cz/js/krouzek:uloha:barevna_cisla2?rev=1713976666&do=diff
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="utf-8" />
<title>Čísla</title>
<style>
.cislo {
border: 1px solid black;
padding: 1rem;
display: inline-block;
margin: 2rem;
color: purple;
background-color: greenyellow;
font-size: 40pt;
font-weight: bold;
font-family: "Times New Roman", serif;
font-weight: bold;
letter-spacing: 0em;
…text/html2023-11-15T20:54:39+00:00Anonymous (anonymous@undisclosed.example.com)hledani_maxima
https://adasek.cz/js/krouzek:uloha:hledani_maxima?rev=1700081679&do=diff
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="utf-8" />
<title>Titulek</title>
<style>
ul#zobrazenePole {
display:flex;
list-style-type: none;
flex-wrap: wrap;
}
ul#zobrazenePole li {
padding:0.5em;
margin:0.3em 1em;
border:1px solid grey;
}
</style>
<script>
/* <![CDATA[ */
/* Sem prijde javascript kod */
var mojePole = []
function vymazPole(){
/* todo: funkce ktera z mojePole odstrani vsechno...
... nebo ktera pole nastavi opet na pr…text/html2023-11-15T20:54:39+00:00Anonymous (anonymous@undisclosed.example.com)obrazovka2020
https://adasek.cz/js/krouzek:uloha:obrazovka2020?rev=1700081679&do=diff
Dnes budeme používat odkaz: <https://adasek.cz/obrazovka/>
Jestli se chcete kouknout do kódu, stahněte a rozbalte si .
Princip
Při tomto zjednodušeném vykreslování na obrazovce se postupně prochází jednotlivé body obrázku. Postupuje se zleva doprava a odshora dolů, každý bod má souřadnici na řádce (x) a souřadnici o kolikátou jde řádku (y).
Při tomto vykreslování naše pomůcka vol8 funkcitext/html2023-11-15T20:54:39+00:00Anonymous (anonymous@undisclosed.example.com)pole_hesel
https://adasek.cz/js/krouzek:uloha:pole_hesel?rev=1700081679&do=diff
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="utf-8" />
<title>Tajní agenti</title>
<style>
</style>
<script>
/* <![CDATA[ */
function overHeslo(){
var heslo = document.getElementById("heslo").value
// Vypis vsem nejprve ze maji spatne heslo
document.getElementById('vysledek').innerHTML = "Spatne heslo"
var hesla = ["adam", "nbusr1234", "test", "medved"]
for(var i=0; i< hesla.length; i++){
if (heslo == hesla[i]){
// Agentum hned prepis na tajnou sekci
document.getEle…text/html2023-11-15T20:54:39+00:00Anonymous (anonymous@undisclosed.example.com)prvociselnost
https://adasek.cz/js/krouzek:uloha:prvociselnost?rev=1700081679&do=diff
Zadání
Vytvořte program, který zjistí, zda je zadané číslo prvočíslo.
Prvočíslo je celé kladné číslo větší než 1, které je dělitelné pouze jedničkou a samo sebou.
Dělitelnost v javascriptu se zjišťuje operátorem % (zbytek po dělení, modulo).
Číslo A je dělitelné číslem B právě tehdy, když je pravdivý(text/html2023-11-15T20:54:39+00:00Anonymous (anonymous@undisclosed.example.com)sachy-css
https://adasek.cz/js/krouzek:uloha:sachy-css?rev=1700081679&do=diff
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="utf-8" />
<title>Titulek</title>
<style>
td {width:1em; height: 1em}
tr:nth-child(2n) td:nth-child(2n),
tr:nth-child(2n+1) td:nth-child(2n+1) {
background-color: gray;
}
tr:nth-child(2n+1) td:nth-child(2n),
tr:nth-child(2n) td:nth-child(2n+1) {
background-color: black;
}
</style>
</head>
<body>
<table id="chessboard"></table>
<script…text/html2023-11-15T20:54:39+00:00Anonymous (anonymous@undisclosed.example.com)sachy1
https://adasek.cz/js/krouzek:uloha:sachy1?rev=1700081679&do=diff
Šachy
Pro zadanou šachovnici
* vygenerujte všechny kombinace tahů daného hráče v jednoduchém případě (neuvažujte rošády, braní mimochodem, výměnu pěšců za figury)
* vytvořte funkci která pro zadanou pozici detekuje šachtext/html2023-11-15T20:54:39+00:00Anonymous (anonymous@undisclosed.example.com)sirky
https://adasek.cz/js/krouzek:uloha:sirky?rev=1700081679&do=diff
Zadání z <https://cw.fel.cvut.cz/wiki/courses/a4b36acm2/kombinatoricke_hry#hra_8odebirani_sirek>
Hra #8: Odebírání sirek
Na stole leží N sirek. Hrači se postupně střídají v odebírání sirek, přičemž mohou při svém tahu odebrat 1, 2, nebo 3 sirky. Vyhrává ten hráč, po jehož tahu na stole nezbude žádná sirka.text/html2023-11-15T20:54:39+00:00Anonymous (anonymous@undisclosed.example.com)transformace_textu
https://adasek.cz/js/krouzek:uloha:transformace_textu?rev=1700081679&do=diff
Úkol
Vytvořte html stránku, která bude uživateli konvertovat zadaný text do malých písmen, nebo DO VELKÝCH PÍSMEN.
Svou práci udržujte v git repozitáři, propojte s gitlabem či githubem. Možná budete muset provést úvodní nastavení gitu ve vašich účtech které byly přes prázdniny smázlé.text/html2023-11-15T20:54:39+00:00Anonymous (anonymous@undisclosed.example.com)vanocni_darky
https://adasek.cz/js/krouzek:uloha:vanocni_darky?rev=1700081679&do=diff
Vánoční dárky
Zadání
Uděláme si seznam ve kterém půjde konfigurovat dárky pro svoje kamarády. Dárky ale nesmí překročit nějaký rozpočet - a to nám bude kontrolovat javascript
Stavební kameny
Select
V html existuje formulářový prvek select s možnostmi option:text/html2023-11-15T20:54:39+00:00Anonymous (anonymous@undisclosed.example.com)vokativ
https://adasek.cz/js/krouzek:uloha:vokativ?rev=1700081679&do=diff
Uživatel do textového políčka zadá svoje jméno (např. Honza), my chceme vypsat „Ahoj Honzo“
Čeština je krásný jazyk, a tak naše řešení nebude pokrývat všechna křestní jména.
Zkusíme ale zahrnout ty nejpoužívanější vzory.
Můžeme si všimnout, že:text/html2023-11-15T20:54:39+00:00Anonymous (anonymous@undisclosed.example.com)zviratka
https://adasek.cz/js/krouzek:uloha:zviratka?rev=1700081679&do=diff
Zadání
1) Zkopírujte si šablonu níže do svojí stránky. Vstupem je z formuláře informace o zvířátku: jméno, hmotnost, a další.
2) Postavte zadanému zvířátku správný výběh s dodržením pravidel:
* Bezpečnost návštěvníků: Zvířátko těžší než 50kg musí mít vysoký plot (1m). Pokud je masožravé, tak 2m. Pokud umí skákat, tak 2,5m