(výchozí html soubor najdeš níže)

Úkoly

Rady

<!DOCTYPE html>
<html lang="cs">
<head>
    <meta charset="utf-8" />
    <title>setTimeout a setInterval</title>
 
    <style>
 
    </style>
 
    <script>
 
        /* setTimeout = vykona se jednou */
        setTimeout(
            function(){
               document.body.style.backgroundColor = 'green'
            },
            2000 /* 2000ms jsou 2 sekundy */
        )
 
        /* 
        setInterval = vykona se opakovane, vzdy po zadanem poctu milisekund
        Prikladova hodnota 100ms = vykona se 10krat za sekundu
         */
        setInterval(
            function(){
               const aktualniCas = new Date() 
               document.getElementById('hodiny').innerHTML = aktualniCas.getHours() + ":" + aktualniCas.getMinutes() + ":" + aktualniCas.getSeconds()
            },
            100
        )
 
    </script>
</head>
 
<body>
    <div id="hodiny">...</div>
 
    <h1 id="nadpis">Vítejte na mé webové stránce</h1>
 
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.</p>
 
    <h2>Obrázek:</h2>
 
    <img src="https://placehold.co/300x200" alt="Vzorový obrázek" id="obrazek">
 
    <h2>Odkaz:</h2>
 
    <a href="https://adasek.cz" target="_blank">Navštivte adasek.cz</a>
 
    <h2>Formulář:</h2>
 
    <form action="#" method="post">
        <label for="name">Jméno:</label>
        <input type="text" id="name" name="name">
    </form>
    </div>
</body>
</html>