Povrsina kruga u JAVASCRIPT-u?

[ BoxRox @ 10.01.2015. 10:55 ] @

Postovani,

Potreban mi je primer koda za izracunavanje povrsine kruga u JAVASCRIPT-u.

Ukoliko neko moze da pomogne,zaista bih bio veoma zahvalan.

Pozdrav.

[ Lazarevic.Ivica @ 10.01.2015. 11:02 ] @

Code:

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

Verovatno nisam dobro razumeo šta ti treba. Ovo je previše jednostavno da bi za to postavio pitanje.

[ BoxRox @ 10.01.2015. 18:14 ] @

Citat:

Lazarevic.Ivica:

Code:

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

Verovatno nisam dobro razumeo šta ti treba. Ovo je previše jednostavno da bi za to postavio pitanje.

Da,

Hvala Ivice. To je to,formula.

r predstavlja poluprecnik kruga. E mene zanima,recimo, kako bih mogao iz html forme, sa recimo jednim input text poljem za recimo unos poluprecnika kruga,
ucitam vrednost iz tog polja u "r" varijablu u Javascriptu i primenim kalkulaciju.

Zanima me,dakle kako mogu pomocu JS-a da "uzmem" vrednost iz HTML input text polja koje je korisnik popunio i to stavim u "r" varijablu za dalju kalkulaciju?

[ Lazarevic.Ivica @ 10.01.2015. 23:59 ] @

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>

Ovo je JS bez dodatnih biblioteka. Preporučujem ti da kasnije pogledaš biblioteku jQuery.

[ BoxRox @ 11.01.2015. 01:01 ] @

To je to.

Hvala druze.

Inace, naravno,cim savladam osnove JS-a, Jquery is a must.

Pozdrav.

[ mihojla @ 13.02.2015. 15:32 ] @

Može i kraće:

<html><head><title>r</title></head><body>Unesi precnik kruga:
<input type="text" onchange="a(this)" /><p id="a"></p><script>
function a(a){
a=a.value;a='Povrsina kruga je '+a*a*Math.PI
document.getElementById('a').innerHTML=a
}</script></body></html>