電　卓 MENU


=





Source
    
<HTML lang="ja">
<HEAD>
<TITLE>JavaScript</TITLE>
<STYLE TYPE="text/css">
<!--
.main {background-color: #555555;
       color:            #ffffff;
       font-weight:      bold;
       width:            40;
       text-align:       center;
 }
.comp {background-color: #ffff00;
       width:            40;
       text-align:       center;
 }
.keisan{background-color: #006400;
        color:            #ffffff;
        font-weight:      bold;
        width:            70;
 }
.namex {text-align:      right;
        font-size:       12pt;
        background-color: #ffffa0;
        font-weight:      bold;
 }
//-->
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
suu=new Array("0","1","2","3","4","5","6","7","8","9");
var XY="X";
var workx="";
var worky="";
var work="";

function main(msg){
   switch(XY) {
      case "X": workx = workx + msg;
                document.form1.X.value=workx;
                break;
      case "Y": worky = worky + msg;
                document.form1.Y.value=worky;
   }
}
function P_set(msg){
   if(XY=="X") {work = workx} else {work = worky}
   for(var i=0;i<work.length;i++){
       if(work.substr(i,1)==".")msg="";
   }
   if(msg=="."){
      switch(XY) {
         case "X": workx = workx + msg;
                   document.form1.X.value=workx;
                   break;
         case "Y": worky = worky + msg;
                   document.form1.Y.value=worky;
      }
   }
}
function sign_set(s){
   if(XY=="X"){switch(s.X.value.substring(0,1)) {
                  case "-": document.form1.X.value=(s.X.value.substr(1,10));
                            break;
                  case "+": document.form1.X.value=("-"+s.X.value.substr(1,10));
                            break;
                  default:  document.form1.X.value=("-" + s.X.value);
               }
     } else {
               switch(s.Y.value.substring(0,1)) {
                  case "-": document.form1.Y.value=(s.Y.value.substr(1,10));
                            break;
                  case "+": document.form1.Y.value=("-"+s.Y.value.substr(1,10));
                            break;
                  default:  document.form1.Y.value=("-" + s.Y.value);
              }
   }
}
function comp(msg){
   XY = "Y";
   document.form1.A.value=msg;
}
function keisan(k){
   switch(k.A.value.substring(0,1)) {
      case "+": document.form1.Z.value=eval(k.X.value)+eval(k.Y.value);
                break;
      case "-": document.form1.Z.value=eval(k.X.value)-eval(k.Y.value);
                break;
      case "*": document.form1.Z.value=eval(k.X.value)*eval(k.Y.value);
                break;
      case "/": document.form1.Z.value=eval(k.X.value)/eval(k.Y.value);
   }
}
function round(r){
   switch(r.A.value.substring(0,1)) {
      case "+": document.form1.Z.value=Math.round(eval(r.X.value)+eval(r.Y.value));
                break;
      case "-": document.form1.Z.value=Math.round(eval(r.X.value)-eval(r.Y.value));
                break;
      case "*": document.form1.Z.value=Math.round(eval(r.X.value)*eval(r.Y.value));
                break;
      case "/": document.form1.Z.value=Math.round(eval(r.X.value)/eval(r.Y.value));
   }
}
function floor(f){
   switch(f.A.value.substring(0,1)) {
      case "+": document.form1.Z.value=Math.floor(eval(f.X.value)+eval(f.Y.value));
                break;
      case "-": document.form1.Z.value=Math.floor(eval(f.X.value)-eval(f.Y.value));
                break;
      case "*": document.form1.Z.value=Math.floor(eval(f.X.value)*eval(f.Y.value));
                break;
      case "/": document.form1.Z.value=Math.floor(eval(f.X.value)/eval(f.Y.value));
   }
}
function ceil(u){
   switch(u.A.value.substring(0,1)) {
      case "+": document.form1.Z.value=Math.ceil(eval(u.X.value)+eval(u.Y.value));
                break;
      case "-": document.form1.Z.value=Math.ceil(eval(u.X.value)-eval(u.Y.value));
                break;
      case "*": document.form1.Z.value=Math.ceil(eval(u.X.value)*eval(u.Y.value));
                break;
      case "/": document.form1.Z.value=Math.ceil(eval(u.X.value)/eval(u.Y.value));
   }
}
function clr(c){
   XY = "X";
   c.X.value="";
   c.Y.value="";
   c.A.value="";
   c.Z.value="";
   workx="";
   worky="";
}
//-->
</SCRIPT>
</head>

<BODY text=#000000>
<table border="7" bordercolor="#0000ff" bgcolor="#DBEAEA" align="center">
<tr><td align="center" width="500">
<br>
<FORM NAME="form1">
<INPUT type="text" name="X" value="" size="9" class="namex">
<INPUT type="text" name="A" value="" size="1" 
 style="text-align: center; font-size:12pt; background-color: #ffffa0; font-weight: bold">
<INPUT type="text" name="Y" value="" size="9" class="namex"> <b>=</b>
<INPUT type="text" name="Z" value="" size="15" class="namex"><br><br>
<table bgcolor="#ffffff" border="5" bordercolor="#0000ff">
<tr><td align="center">
    <INPUT TYPE="button" VALUE="１" onClick="main('1')" class="main"></td>
    <td align="center">
    <INPUT TYPE="button" VALUE="２" onClick="main('2')" class="main"></td>
    <td align="center">
    <INPUT TYPE="button" VALUE="３" onClick="main('3')" class="main"></td>
    <td align="center">
    <INPUT TYPE="button" VALUE="＋" onClick="comp('+')" class="comp"></td></tr>
<tr><td align="center">
    <INPUT TYPE="button" VALUE="４" onClick="main('4')" class="main"></td>
    <td align="center">
    <INPUT TYPE="button" VALUE="５" onClick="main('5')" class="main"></td>
    <td align="center">
    <INPUT TYPE="button" VALUE="６" onClick="main('6')" class="main"></td>
    <td align="center">
    <INPUT TYPE="button" VALUE="ー" onClick="comp('-')" class="comp"></td></tr>
<tr><td align="center">
    <INPUT TYPE="button" VALUE="７" onClick="main('7')" class="main"></td>
    <td align="center">
    <INPUT TYPE="button" VALUE="８" onClick="main('8')" class="main"></td>
    <td align="center">
    <INPUT TYPE="button" VALUE="９" onClick="main('9')" class="main"></td>
    <td align="center">
    <INPUT TYPE="button" VALUE="＊" onClick="comp('*')" class="comp"></td></tr>
<tr><td align="center">
    <INPUT TYPE="button" VALUE="０" onClick="main('0')" class="main"></td>
    <td align="center">
    <INPUT TYPE="button" VALUE="±" onClick="sign_set(this.form)" class="main"></td>
    <td align="center">
    <INPUT TYPE="button" VALUE="．" onClick="P_set('.')" class="main"></td>
    <td align="center">
    <INPUT TYPE="button" VALUE="／" onClick="comp('/')" class="comp"></td></tr>
</table><br>
<table bgcolor="#ffffff" border="5" bordercolor="#0000ff"><tr><td>
<INPUT TYPE="button" VALUE="  =  " onClick="keisan(this.form)" class="keisan">
<INPUT TYPE="button" VALUE="四捨五入" onClick="round(this.form)" class="keisan">
<INPUT TYPE="button" VALUE="切　捨" onClick="floor(this.form)" class="keisan">
<INPUT TYPE="button" VALUE="切　上" onClick="ceil(this.form)" class="keisan"><br>
<INPUT TYPE="button" VALUE="ク　リ　ア" onClick="clr(this.form)" 
 style="background-color: #800000; color: #ffffff; font-weight: bold; width: 295"><br>
</td></tr></table>
</FORM>
</td></tr></table>
</body>
</html>