JavaScript第一回目宿題解答(加藤)

簡易電卓(四則演算のみ)を作成せよ。
データは、入力用、出力用フォームを作成し、データの引渡しはボタンで行うこと。
加算、減算、乗算、除算それぞれのボタンを作成すること。(追加分)

<html><head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>簡易四則演算</title>
</head>
<body bgcolor="#ffffff">

<H2 align="left">簡易四則演算</H2>

<FORM name="frm1">
第一引数<INPUT TYPE="text" name="numA" ><br>
第二引数<INPUT TYPE="text" name="numB" ><br>
<!---ボタンをクリックすることにより演算結果が反映される--->
<input type="button" value="加算" onClick="keisan(this)">
<input type="button" value="減算" onClick="keisan(this)">
<input type="button" value="乗算" onClick="keisan(this)">
<input type="button" value="除算" onClick="keisan(this)"><br>
演算結果<INPUT TYPE="text" name="ans" >
</FORM>

<script Language="JavaScript" type="text/javascript">
var x;
var y;
var z;

function keisan(parts){
//加算の場合は、intに変換しないと連結されてしまうので、intに変換した。
x = parseInt(document.frm1.numA.value,10);  //入力フォームの第一引数を取得し、intに変換
y = parseInt(document.frm1.numB.value,10);  //入力フォームの第二引数を取得し、intに変換
z = parts.value;  //演算の種類を取得

if ( z == "加算"){
document.frm1.ans.value = (x + y);
}
if ( z == "減算"){
document.frm1.ans.value = (x - y);
}
if ( z == "乗算"){
document.frm1.ans.value = (x * y);
}
if ( z == "除算"){
document.frm1.ans.value = (x / y);
}
}
</script></body></html>