PŘEVODNÍK ČASU ... V JS PHP

Zadání:
Vytvořte formulář k převedení sekund na hodiny, minuty a zbylé sekundy.

K tomuto příkladu budeme potřebovat formulář, kterému dáme id casForm. Poté vytvoříme HTML div, kterému dáme id. Do divu budeme později vypisovat výstup.

JavaScriptový kód vždy začínáme otevíracím tagem scriptu(<script>), ukončujeme ho uzavíracím tagem scriptu (</script>).

JavaScript prvně prohledá celou stránku pro formulář s id casForm díky document.getElementById. Poté díky addEventListener počká, až uživatel zmáčkne tlačítko Vypočti (submit).

Vytvoříme proměnnou s, do které dá JS hodnotu zadanou uživatelem. Poté vytvoříme proměnné h, m a sec, do kterých vypočítáme zadané sekundy převedené do hodin, minut a zbytku sekund. Díky funkci Math.floor se nám výsledek dělení zaokrouhlí vždy dolů.

Do zprava vpíšeme vypočítané sekundy, minuty a hodiny.

Nakonec zprávu vložíme do HTML divu.

<form id="casForm">
    Zadej čas v sekundách:
        <input type="text" id="s" name="s" /><br />
        <input type="submit" value="Vypočti" />
</form>

<div id="cas-vysledek"></div>

<script>
    document.getElementById("casForm").addEventListener("submit", function (e) {
    e.preventDefault();
        const s = Number(document.getElementById("s").value);
        const h = Math.floor(s / 3600);
        const m = Math.floor(s / 60);
        const sec = s % 60;

        let zprava = "<h2>" +
            s + " sekund je " +
            m + " min, " +
            h + " hod a " +
            sec + " sec </h2>";
        document.getElementById("cas-vysledek").innerHTML = zprava;
    });
</script>