SITEMAP [初めてのホームページ講座] [JavaScript , DHTML] [通貨表記変換]

Dynamic HTMLの参考書 Java Scriptの参考書

通貨表記変換

機能

数値を入力すると通貨表示に変換します。 数値以外は警告表示します。

利用方法

HEAD部分にスクリプトを記述します。 BODY部分には、フォームを必要数設置します。 フォームのテキストボックスの名称(name,id属性値)はそのままにするか、或いは変更した場合は、スクリプト側も同時に変更する必要があります。

改造方法

通貨記号を変えることも可能です。 例えばドル表示する場合は「tmp = "\\" + str2;」の部分を「tmp = "$" + str2;」とします。

対応ブラウザ

IE4,IE5,NN4,N6

サンプル

サンプルを見る] [ダウンロード

ソース

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="ja">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>通貨表記変換</title>

<script language="javascript" type="text/javascript">
<!--

function yenconv(frm){
	var tmp = frm.vin.value;
	if(!isNaN(tmp)){
		tmp = Math.round(tmp);
		str1 = String(tmp);
		str2 = "";
		len = str1.length;
		j = 0;
		for(i = (len-1); i >= 0; i--){
			j++;
			z = str1.substr(i,1);
			str2 = z + str2;
			a = j;
			b = 3;
			while(a >= b){
				a -= b;
			}
			if(i != 0 && a == 0) str2 = "," + str2;
		}
		tmp = "\\" + str2;
	}else{
		tmp = "";
		alert("数値を入力して下さい");
	}
	frm.vout.value = tmp;
}

// -->
</script>

</head>

<body>

<p>数値を入力すると通貨表記に変換します。</p>
<form>
	<input type="text" name="vin" size="20">
	<input type="button" value=" → " onclick="yenconv(this.form);">
	<input type="text" name="vout" size="20"><br>
</form>

</body>
</html>
[Go To Top]

Last modified June,2001
Copyright(C)2001 T.Miyazaki , All Rights Reserved.