Dynamický web

Vyzkoušejte si postupně postupně cvičení:

1. Otevřte v nástrojích vývojáře (F12) konzoli a zkuste najít matematický výraz, který dává divný a/nebo chybný výsledek.
2. Napište příkaz alert("ahoj světe") a sledujte, co se stane.
3. Stáhněte si košilku stránky, napište do ní prvek <script> alert("ahoj světe") </script> a zkuste ji otevřít.
4. Mezi <script> a </script> si připravte pár prázdných řádků. Do nich vložte nebo napište:

       if (confirm("dáš si toust?")) {
           alert("dobrou chuť")
       }
   

5. Někam dovnitř prvku body (takže se ukáže na stránce) přidejte tlačítko:

       <button onclick='alert("nazdar!")'>Klikni na mě</button>
   

6. Namísto události onclick poslouchejte onmouseenter:

       <button onmouseenter='alert("nazdar!")'>Klikni na mě</button>
   

7. Do tagu script přidejte funkci pro přesun tlačítka, a pak ji v onmouseenter zavolejte pomocí <button onmouseenter="presun()">

       function presun() {
           tlacitko = document.querySelector("button")
           tlacitko.style.position = "absolute"
           tlacitko.style.left = (Math.random() * 500) + "px"
           tlacitko.style.top = (Math.random() * 500) + "px"
       }