JavaScript – Kalkulator

  –  

Prikazaćemo vam skript sa kojim možete da na vašim stranicama kreirate matematički kalkulator. Ceo kalkulator se zasniva na četiri funkcije i jednom formularu, koji služi za unos i prikaz rezultata. Funkcijom „pritisak“ očitavamo unos korisnika sa formulara, i nižemo stringove koji će predstavljati numeričke vrednosti nad kojima ćemo vršiti određene operacije (operandi). A operacije se očitavaju preko funkcije „operac„, odonosno preko nje korisnik zadaje operaciju. Funkcijom „brisi“ vrši se poništavanje „ulaz„-a. Kada su uneti i operandi i operacija, vrši se izračunavanje preko klika na znak jednako (=), i poziva funkcije „racunaj„. 



<HTML>

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!–

ulaz = "0"

restart = true

function pritisak(aform, c)

{

    if (restart)

    {

        aform.odgovor.value = c

        restart = false

    }

    else if (c == ‘.’)

    {

        if (aform.odgovor.value.indexOf(".") < 0)

            aform.odgovor.value += "."

    } else if (aform.odgovor.value == ‘0’)

    {

        aform.odgovor.value = c

    }

    else aform.odgovor.value += c

}

function brisi(aform)

{

    aform.odgovor.value = ‘0’

    restart = true

}

function operac(aform, afunction)

{

    if (ulaz == "")

    {

        ulaz = aform.odgovor.value + afunction

        restart = true

    }

    else

    {

        ulaz += aform.odgovor.value

        var v = eval(ulaz)

        ulaz = "" + v + afunction

        aform.odgovor.value = "" + v

        restart = true

    }

}

function racunaj(aform)

{

    ulaz += aform.odgovor.value

    var v = eval(ulaz)

    aform.odgovor.value = "" + v

    ulaz = ""

    restart = true

}

</SCRIPT>

</HEAD>


<BODY bgcolor="ffffff" link="0000ff"

vlink="770077">




<CENTER>

<FORM>

<TABLE BORDER=1>


    <TR>

    <TD colspan=4>

    <input type="text" name="odgovor"

    value="0" size=30>

    </TR>


    <TR>

    <TD><input type="button" value="  7  "

    onClick="pritisak(this.form,’7′)"></TD>

    <TD><input type="button" value="  8  "

    onClick="pritisak(this.form,’8′)"></TD>

    <TD><input type="button" value="  9  "

    onClick="pritisak(this.form,’9′)"></TD>

    <TD><input type="button" value="   /  "

    onClick="operac(this.form,’ / ‘)"></TD>

    </TR>









    <TR>

    <TD><input type="button" value="  4  "

    onClick="pritisak(this.form,’4′)"></TD>

    <TD><input type="button" value="  5  "

    onClick="pritisak(this.form,’5′)"></TD>

    <TD><input type="button" value="  6  "

    onClick="pritisak(this.form,’6′)"></TD>

    <TD><input type="button" value="  *  "

    onClick="operac(this.form,’ * ‘)"></TD>

    </TR>


    <TR>

    <TD><input type="button" value="  1  "

    onClick="pritisak(this.form,’1′)"></TD>

    <TD><input type="button" value="  2  "

    onClick="pritisak(this.form,’2′)"></TD>

    <TD><input type="button" value="  3  "

    onClick="pritisak(this.form,’3′)"></TD>

    <TD><input type="button" value="   –  "

    onClick="operac(this.form,’ – ‘)"></TD>

    </TR>


    <TR>

    <TD><input type="button" value="  C  "

    onClick="brisi(this.form)"></TD>

    <TD><input type="button" value="  0  "

    onClick="pritisak(this.form,’0′)"></TD>

    <TD><input type="button" value="  .  "

    onClick="pritisak(this.form,’.’)"></TD>

    <TD><input type="button" value="  +  "

    onClick="operac(this.form, ‘ + ‘)"></TD>

    </TR>


    <TR>

    <TD> </TD>

    <TD colspan=2 align=right>

    <input type="button"

    value="           =           "

        onClick="racunaj(this.form)"></TD>

    <TD> </TD>

    </TR>


</TABLE>

</FORM>

</CENTER>

Pratite Krstaricu na www.krstarica.com