フォームの入力値からjava scriptで計算し表示させる

[新着] Webテンプレートを仮オープンしました

0   名前： ぴろし ： 2007/06/08（金） 07:49  ID:c1GLTBqI sub-Ax
フォームで数字を入力してもらい、その入力値からjava scriptで計算します。
計算結果を、フォームの下のほうに表示させたいのですが、
動きません。。。

お忙しい中申し訳ありませんが、何が悪いのかご教授いただけませんでしょうか？


下記は実際のソースになります。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>無題ドキュメント</title>
<script type="text/javascript">
<!--
function func() {
var en = document.A.en.selectedIndex;
var n1 = document.A.nen.selectedIndex;

switch (n1) {

case 1:
var kane = 461100;
break;

case 2:
var kane = 362000;
break;

case 3:
var kane = 304900;
break;

case 4:
var kane = 244200;
break;

case 5:
var kane = 172900;
break;

case 6:
var kane = 117300;
break;

case 7:
var kane = 20500;
break;

default:
break;
}

var str = "な、なんと・・・ ".n1."年で".en."」ですよ〜";

alert(str);

}
// -->
</script>


</head>
<body>

<form name="A" action="">
<table border="0" align="center">
<tr>
<td width="1">&nbsp;</td>
<td width="239"><div align="left" class="style20 style39">
<div align="left">
<p>金額<br />
<select name="en">
<option value = 20>20</option>
<option value = 40>40</option>
<option value = 60>60</option>
<option value = 80>80</option>
<option value = 100>100</option>
<option value = 120>120</option>
<option value = 140>140</option>
<option value = 160>160</option>
<option value = 180>180</option>
<option value = 200>200</option>
<option value = 220>220</option>
<option value = 240>240</option>
<option value = 260>260</option>
<option value = 280>280</option>
<option value = 300>300</option>
</select> </p>
<p>年数<br />
<select name="nen">
<option value = 1>2001</option>
<option value = 2>2002</option>
<option value = 3>2003</option>
<option value = 4>2004</option>
<option value = 5>2005</option>
<option value = 6>2006</option>
<option value = 7>2007</option>
</select> 年</p>
<p>&nbsp;</p>
</div>
</div></td>
</tr>
<tr>
<td></td>
<td><div align="left" class="style39">
<div align="left">
<input name="submit" type="submit" value="その結果は！？" onclick="func()">
</div>
</div></td>
</tr>
</table>
</form>

</body>
</html>
1   名前： 匿名 ： 2007/06/08（金） 07:49  ID:US7UzkXF sub-Ds
var str = "な、なんと・・・ ".n1."年で".en."」ですよ〜";

ここらあたりの書き方がおかしい気がするね。
ざっとみたところ、第一、これ、何のためにcaseで分けてるの？
どこにも反映されてないんじゃない？
一覧へ戻る