SITEMAP [初めてのホームページ講座] [JavaScript , DHTML] [かけ算、割り算（警告）]

かけ算、割り算（警告）

機能

HTMLのフォームを使って内部計算し、その結果を表示するスクリプトです。０で割り算をするとエラーが発生するため、それを検出し警告を出します。至って簡単なものですが、エラー処理やその時の対応、フォームとの連携など基本的な項目を多く含んでおり、勉強にはもってこいです。

利用方法

BODY部分にはフォームを、HEAD部分にはスクリプトを関数として記述します。フォームからその関数をコールし、関数が結果を返し、表示します。

対応ブラウザ

IE3,NN3以上

サンプル

［サンプルを見る］［ダウンロード］

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>

<HEAD>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=Shift_JIS">
<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">
<TITLE>かけ算、割り算（警告）</TITLE>

<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
<!--
function Calculate(){
	var By
	var Div
	var a = document.calc_IN.data_A.value;
	var b = document.calc_IN.data_B.value;
	if(b == 0){
		alert("0で割ることになります");
	}else{
		By = a*b;
		Div = a/b;
		document.calc_OUT.data_B.value=By;
		document.calc_OUT.data_D.value=Div;
	}
}
// -->
</SCRIPT>

</HEAD>

<BODY>

<FORM NAME="calc_IN">
<INPUT NAME="data_A" TYPE="text" SIZE=10>
<INPUT NAME="data_B" TYPE="text" SIZE=10>
<INPUT NAME="GO" TYPE="button" VALUE="計算開始" onClick="Calculate()">
</FORM>
<FORM NAME="calc_OUT">
かけ算：<INPUT NAME="data_B" TYPE="text" SIZE=10><BR>
割り算：<INPUT NAME="data_D" TYPE="text" SIZE=10><BR>
</FORM>

</BODY>
</HTML>

[Go To Top]