Povrsina kruga u JAVASCRIPT-u?

Code:

var PI = 3.14;
function povrsina(r)
{
     return r*r*PI;
}

Code:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8"/>
  <title>Površina kruga</title>
</head>
<body>
    <h1>Površina kruga</h1>
    <form>
        <label for="poluprecnik">Unesite poluprečnik kruga</label>
        <input id="poluprecnik" type="text"/>    
        <button id="dugme">Izračunaj</button>
    </form>
    <p>
        Rezultat je: <span id="rezultat"></span>
    </p>
    <script>
        var PI = 3.14;
        function povrsina(r)
        {
            return r*r*PI;
        }
        function klik(event)
        {        
            event.preventDefault();
            
            //ucitavam vrednost koju je korisnik uneo u tekstualno polje
            var elementPoluprecnik = document.getElementById('poluprecnik');
            var stringR = elementPoluprecnik.value; 
            var r = parseFloat(stringR);
            
            //izracunavam povrsinu
            var p = povrsina(r);
            
            //prikazujem korisniku rezultat
            var elementRezultat = document.getElementById('rezultat');
            elementRezultat.innerHTML = p;        
        }

        //registrujem callback funkciju klik, koja se poziva svaki put kada korisnik klikne na dugme
        var elementDugme = document.getElementById('dugme');
        elementDugme.addEventListener('click', klik);
    </script>
</body>
</html>