Script Categories













Calculators >>> Calculator.

Just a nice, simple, and clean calculator. You can even change its color. A perfect example of JavaScript simplicity!



Add the below code to the <body> section of your page:

<script language="javascript" type="text/javascript">
/* Visit http://www.yaldex.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin
//  DECLARE AND INITIALIZE VARIABLES
  var zero = '0';
  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 add = '+';
  var subtract = '-';
  var multiply = '*';
  var divide = '/';
  var decimal = '.';
  var power = '^';
//  FUNCTION: compute
function compute(f)
{
  f.view.value = eval(f.view.value);
}
//  FUNCTION: getNum
function getNum(f, val)
{
  f.view.value += val;
}
//  End -->
</script>
<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=1 BORDERCOLOR=DDDDDD>
<TR><TD>
<TABLE
CELLPADDING=7 CELLSPACING=0 BGCOLOR=AABBCC>
<!----------------------BEGIN CALCULATOR------------------------->
<FORM NAME="calc">
  <TR>
    <TD COLSPAN=2>
     
       
<INPUT TYPE=text NAME="view" SIZE=30 action="compute(this)"><BR>
      <HR>
    </TD>
  </TR>
  <TR>
    <TD COLSPAN=2><DIV ALIGN=RIGHT>
        <INPUT TYPE=button VALUE="  7  " onClick="getNum(this.form, seven)">
       
<INPUT TYPE=button VALUE="  8  " onClick="getNum(this.form, eight)">
       
<INPUT TYPE=button VALUE="  9  " onClick="getNum(this.form, nine)">
       
<INPUT TYPE=button VALUE="   .  " onClick="getNum(this.form, decimal)">
       
<INPUT TYPE=reset VALUE="   C  ">
     
</DIV></TD>
  </TR>
 
<TR>
      <TD COLSPAN=2><DIV ALIGN=RIGHT>
        <INPUT TYPE=button VALUE="  4  " onClick="getNum(this.form, four)">
       
<INPUT TYPE=button VALUE="  5  " onClick="getNum(this.form, five)">
       
<INPUT TYPE=button VALUE="  6  " onClick="getNum(this.form, six)">
       
<INPUT TYPE=button VALUE="  *  " onClick="getNum(this.form, multiply)">
       
<INPUT TYPE=button VALUE="   /    " onClick="getNum(this.form, divide)">
      </DIV></TD>
  </TR>
 
<TR>
      <TD COLSPAN=2><DIV ALIGN=RIGHT>
        <INPUT TYPE=button VALUE="  1  " onClick="getNum(this.form, one)">
       
<INPUT TYPE=button VALUE="  2  " onClick="getNum(this.form, two)">
       
<INPUT TYPE=button VALUE="  3  " onClick="getNum(this.form, three)">
       
<INPUT TYPE=button VALUE="  -  " onClick="getNum(this.form, subtract)">
       
<INPUT TYPE=button VALUE="   +   " onClick="getNum(this.form, add)">
     
</DIV></TD>
  </TR>
 
<TR>
      <TD><DIV ALIGN=CENTER>
      <INPUT TYPE=button VALUE="  0  " onClick="getNum(this.form, zero)">
      </DIV>
      </TD>
      <TD>
      <DIV ALIGN=RIGHT>
        <INPUT TYPE=button VALUE="   =   " onClick="compute(this.form)">
      </DIV>
      </TD>
  </TR>
  <TR>
      <TD COLSPAN=2>
      </TD>
  </TR>
</FORM>
<!------------------------END CALCULATOR---------------------------->
</TABLE>
</TD></TR></TABLE>

JavaScript Editor Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!

1st JavaScript Editor.



Code was highlighted by 1st JavaScript Editor (The Best JavaScript Editor!).

Все подробности интернет магазин вечерних платьев Киев здесь. . blog


©