Kalkulačka v html a javascriptu s polem pro poznámky
Datum 17. 4. 2010 14:14:59 | Rubrika: Licence
|
Kdysi jsem kdesi našel tento kód pro jednoduchou kalkulačku v javascriptu a html. Už to nepoužívám, ale někomu by se mohl hodit.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-2"/>
<title>KALKULAČKA</title>
</head>
<body onload="window.focus();">
<center>
<script language="JavaScript">
<!--
function compute(obj)
{
if (obj.expr.value) obj.expr.value = eval(obj.expr.value);
}
var one = '1';
var two = '2';
var three = '3';
var four = '4';
var five = '5';
var six = '6';
var seven = '7';
var eight = '8';
var nine = '9';
var zero = '0';
var plus = '+';
var minus = '-';
var multiply = '*';
var divide = '/';
var decimal = '.';
var pamet = '';
var lzavorka = '(';
var rzavorka = ')';
function enter(obj, string)
{
obj.expr.value += string;
}
function mem(obj){
if (obj.expr.value) pamet = '('+obj.expr.value+')';
}
// -->
</script>
<center>
<font size=-1>Pokud zavřete okno s kalkulačkou,<br> ztratíte i Vaše výpočty a poznámky</font></center>
<form name="calc" method="post" action="">
<table BORDER=2 BGCOLOR="#ADD8E6" style="HEIGHT: 186px; WIDTH: 160px" >
<tr>
<td COLSPAN="5">
<center>
<input name="expr" size=23 action="compute(this.form)">
<font size=-2>Kalkulačka</font>
</center>
</td>
</tr>
<tr>
<td>
<input type="button" value=" 7 " onClick="enter(this.form, seven)" style="HEIGHT: 24px; WIDTH: 50px">
</td>
<td>
<input type="button" value=" 8 " onClick="enter(this.form, eight)" style="HEIGHT: 24px; WIDTH: 50px">
</td>
<td>
<input type="button" value=" 9 " onClick="enter(this.form, nine)" style="HEIGHT: 24px; WIDTH: 50px">
</td>
<td colspan="2">
<input type="button" value=" / " onClick="enter(this.form, divide)" style="HEIGHT: 24px; WIDTH: 50px">
</td>
</tr>
<tr>
<td>
<input type="button" value=" 4 " onClick="enter(this.form, four)" style="HEIGHT: 24px; WIDTH: 50px">
</td>
<td>
<input type="button" value=" 5 " onClick="enter(this.form, five)" style="HEIGHT: 24px; WIDTH: 50px">
</td>
<td>
<input type="button" value=" 6 " onClick="enter(this.form, six)" style="HEIGHT: 24px; WIDTH: 50px">
</td>
<td colspan="2">
<input type="button" value=" * " onClick="enter(this.form, multiply)" style="HEIGHT: 24px; WIDTH: 50px">
</td>
</tr>
<tr>
<td>
<input type="button" value=" 1 " onClick="enter(this.form, one)" style="HEIGHT: 24px; WIDTH: 50px">
</td>
<td>
<input type="button" value=" 2 " onClick="enter(this.form, two)" style="HEIGHT: 24px; WIDTH: 50px">
</td>
<td>
<input type="button" value=" 3 " onClick="enter(this.form, three)" style="HEIGHT: 24px; WIDTH: 50px">
</td>
<td colspan="2">
<input type="button" value=" - " onClick="enter(this.form, minus)" style="HEIGHT: 24px; WIDTH: 50px">
</td>
</tr>
<tr>
<td COLSPAN="2">
<input type="button" value=" 0 " onClick="enter(this.form, zero)" style="HEIGHT: 24px; WIDTH: 105px">
</td>
<td>
<input type="button" value=" . " onClick="enter(this.form, decimal)" style="HEIGHT: 24px; WIDTH: 50px">
</td>
<td colspan="2">
<input type="button" value=" + " onClick="enter(this.form, plus)" style="HEIGHT: 24px; WIDTH: 50px">
</td>
</tr>
<tr>
<td>
<input type="button" value=" M+ " onClick="mem(this.form)" style="HEIGHT: 24px; WIDTH: 50px" name="m+">
</td>
<td>
<input type="button" value=" MR " onClick="enter(this.form, pamet)" style="HEIGHT: 24px; WIDTH: 50px" name="mr">
</td>
<td>
<input type="button" value="CLEAR " onClick="pamet = '';" style="HEIGHT: 24px; WIDTH: 50px" name="clear">
</td>
<td>
<input type="button" value="(" onClick="enter(this.form, lzavorka)" style="HEIGHT: 24px; WIDTH: 22px" name="(">
</td>
<td>
<input type="button" value=")" onClick="enter(this.form, rzavorka)" style="HEIGHT: 24px; WIDTH: 22px" name="(2">
</td>
</tr>
<tr>
<td COLSPAN="2">
<input type="button" value=" = " onClick="compute(this.form)" style="HEIGHT: 24px; WIDTH: 105px" name="Button">
</td>
<td colspan="3">
<input type=reset value=" C " style="HEIGHT: 24px; WIDTH: 105px" name="reset">
</td>
</tr>
<tr>
<td COLSPAN="5" align="center">
<font size=-2>Pro Vaše poznámky:</font>
<textarea NAME="poznamky"
ROWS="10"
COLS="22"></textarea>
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
|
|