krouzek:funkce

<!DOCTYPE html>
<html lang="cs">
<head>
    <meta charset="utf-8" />
    <title>Titulek</title>
 
    <style>
    </style>
</head>
 
<body>
    <input id="vstup">
    <button onclick="vypocitej()">Klikni</button>
    <p id="odstavec">Test</p>
 
    <script>
        function druhaMocnina(x){
            return x*x
        }
 
        function vypocitej(){
            /* Nacti vstup*/
            const vstup = document.getElementById("vstup").value
            /* Preved na cislo */
            const vstupCislo = parseFloat(vstup)
 
            /* Vypocitej vysledek */
            const vysledek = druhaMocnina(vstupCislo)
 
            /* Vypis do stranky */
            document.getElementById("odstavec").innerHTML = vysledek
        }
     </script>
</body>
</html>