[Back]

■ プレビュー

■ ソース

<SCRIPT LANGUAGE="JavaScript">
<!--
function calc(ch) {
   if (ch == "=") {
      document.form1.text1.value =
          eval(document.form1.text1.value);
      }
   else if (ch == "C") {
      document.form1.text1.value = "";
      }
   else {
      document.form1.text1.value += ch;
   }
}
// -->
</SCRIPT>

■ 使い方

1. 上のプログラムを、文章を表示したいhtmlファイルの間にコピーして下さい。
   
2. 電卓を表示したい部分に、次のように記述して下さい。

　　<FORM NAME="form1" ACTION="">
　　　　<CENTER>
　　　　<B><FONT SIZE=4>Javaで電卓</B></FONT><P>
　　　　<INPUT TYPE="text" NAME="text1" VALUE="" SIZE=26>
　　　　<P>
　　　　<INPUT TYPE="button" VALUE=" 7 " onClick="calc('7')">
　　　　<INPUT TYPE="button" VALUE=" 8 " onClick="calc('8')">
　　　　<INPUT TYPE="button" VALUE=" 9 " onClick="calc('9')">
　　　　<INPUT TYPE="button" VALUE=" * " onClick="calc('*')">
　　　　<P>
　　　　<INPUT TYPE="button" VALUE=" 4 " onClick="calc('4')">
　　　　<INPUT TYPE="button" VALUE=" 5 " onClick="calc('5')">
　　　　<INPUT TYPE="button" VALUE=" 6 " onClick="calc('6')">
　　　　<INPUT TYPE="button" VALUE=" / " onClick="calc('/')">
　　　　<P>
　　　　<INPUT TYPE="button" VALUE=" 1 " onClick="calc('1')">
　　　　<INPUT TYPE="button" VALUE=" 2 " onClick="calc('2')">
　　　　<INPUT TYPE="button" VALUE=" 3 " onClick="calc('3')">
　　　　<INPUT TYPE="button" VALUE=" - " onClick="calc('-')">
　　　　<P>
　　　　<INPUT TYPE="button" VALUE=" 0 " onClick="calc('0')">
　　　　<INPUT TYPE="button" VALUE=" C " onClick="calc('C')">
　　　　<INPUT TYPE="button" VALUE=" = " onClick="calc('=')">
　　　　<INPUT TYPE="button" VALUE=" + " onClick="calc('+')">
　　　　</CENTER>
　　</FORM>