課題２

JS

２つ数値入力して、計算ボタン押下で四則演算一気に
やっちゃうよ(＾ω＾)

Cal.htm

<html>
<head>
	<title>javascript課題</title>
	<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
	<script language="javascript" type="text/javascript" src="../js/Cal.js"></script>
</head>
<body>
<div align="center">
	<font size="5"><b>一括計算</b></font><br><br>
	<table>
	   <tr>
	      <td>数字１<input type="text" id="txtNum1" style="ime-mode:disabled;"
			                             onKeyPress=" return numonly()"></td>
	      <td>数字２<input type="text" id="txtNum2" style="ime-mode:disabled;"
			                             onKeyPress="return numonly()"></td>
	      <td><input type="button" id="btnKeisan" value="計算" onclick="keisan()"></td>
	   </tr>
	   <tr><td>&nbsp;</td></tr>
	   <tr align="right">
	      <td>＋<input type="text" id="txtTasu" readonly="readonly"></td>
	      <td>−<input type="text" id="txtHiku" readonly="readonly"></td>
	   </tr>
	   <tr align="right">
	      <td>＊<input type="text" id="txtKakeru" readonly="readonly"></td>
	      <td>／<input type="text" id="txtWaru" readonly="readonly"></td>
	   </tr>
	</table>
</div>
</body>
</html>

Cal.js

function keisan()
{
	var txtNum1 = document.getElementById("txtNum1").value;
	var txtNum2 = document.getElementById("txtNum2").value;
	var tasu = document.getElementById("txtTasu");
	var hiku = document.getElementById("txtHiku");
	var kakeru = document.getElementById("txtkakeru");
	var waru = document.getElementById("txtWaru");
	
	tasu.value = parseInt(txtNum1) + parseInt(txtNum2);
	hiku.value = txtNum1 - txtNum2;
	kakeru.value = txtNum1 * txtNum2;
	waru.value = txtNum1 / txtNum2;
}

function numonly(num)
{
	var key = window.event.keyCode;
	if(key < 48 || 57 < key)
		return false;
		return true;
}

numonly() で keyCode 判断して数値以外入力できないようにしてる。
明日からまた毎日日報書けって言われて面倒(´･ω･｀)