Rozdíly
Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.
Obě strany předchozí revize Předchozí verze Následující verze | Předchozí verze | ||
krouzek:uloha:barevna_cisla [2024/04/17 15:13] – admin | krouzek:uloha:barevna_cisla [2024/04/17 16:54] (aktuální) – admin | ||
---|---|---|---|
Řádek 15: | Řádek 15: | ||
7) rozšíření: | 7) rozšíření: | ||
- | 7) rozšíření: | + | 8) rozšíření: |
+ | <code html> | ||
+ | < | ||
+ | <html lang=" | ||
+ | |||
+ | < | ||
+ | <meta charset=" | ||
+ | < | ||
+ | < | ||
+ | .cislo { | ||
+ | border: 1px solid black; | ||
+ | padding: 1rem; | ||
+ | display: inline-block; | ||
+ | margin: 2rem; | ||
+ | color: purple; | ||
+ | background-color: | ||
+ | font-size: 40pt; | ||
+ | font-weight: | ||
+ | font-family: | ||
+ | font-weight: | ||
+ | letter-spacing: | ||
+ | line-height: | ||
+ | text-shadow: | ||
+ | word-spacing: | ||
+ | text-transform: | ||
+ | -webkit-text-stroke-width: | ||
+ | -webkit-text-stroke-color: | ||
+ | } | ||
+ | |||
+ | .cislo2 { | ||
+ | color: blue; | ||
+ | background-color: | ||
+ | } | ||
+ | |||
+ | .cislo3 { | ||
+ | color: rgb(200, 100, 255); | ||
+ | background-color: | ||
+ | } | ||
+ | |||
+ | .cislo4 { | ||
+ | color: rgb(200, 100, 255); | ||
+ | background-color: | ||
+ | -webkit-text-stroke-color: | ||
+ | } | ||
+ | |||
+ | .cislo5 { | ||
+ | color: rgb(30, 205, 30); | ||
+ | background-color: | ||
+ | -webkit-text-stroke-color: | ||
+ | } | ||
+ | </ | ||
+ | < | ||
+ | const HORNI_MEZ = 20 | ||
+ | |||
+ | setTimeout(function () { | ||
+ | for (let cislo = 1; cislo <= HORNI_MEZ; cislo++) { | ||
+ | const obalkaCisla = document.createElement(" | ||
+ | obalkaCisla.innerHTML = cislo | ||
+ | obalkaCisla.classList.add(" | ||
+ | obalkaCisla.classList.add(" | ||
+ | document.getElementById(" | ||
+ | |||
+ | // | ||
+ | |||
+ | } | ||
+ | }, 0) | ||
+ | </ | ||
+ | </ | ||
+ | < | ||
+ | <div id=" | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | </ |