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>