HTML計算されない理由と改善策の質問

Question

初めて投稿させていただきます
HTMLにて
クレカの管理金利計算ツールを作成中になります。
今回の実行し、金額入力、プルダウン連動はできたのですが、
言語上の
<input type="button" value="ここをクリックすると計算します。" onclick="kintoharaiCommission()">
の設置がうまくないのか計算結果が計算表示されません。
初歩的な質問で申し訳ないのですが、ヒントでも頂けたらと思います。
使用端末はPC,safariなど理利用予定になります。

<form> <h2>手数料計算のシミュレーション</h2> <h3>商品代金と実質年率から簡単なクレジットの手数料計算をします。</h3> <div class="m-l20 m-b10"> <form name="keisanFORM"> <table class="tbl1 text-c"> <tr> <th>購入する商品の1000円単位で入力してください。<span class="str3">(10000円以上、英数小文字で）</span></th> </tr> <tr> <td valign="top"><input type="text" name="Gankin" maxlength="7" size="10">円</td> </tr> <tr> <th>実質年率と支払回数を入力してください。</th> </tr> <tr> <td valign="top">実質年率 <select name="Kinri" size="1"> <option value="0.002">0.2%</option> <option value="0.005">0.5%</option> <option value="0.01">1.0%</option> <option value="0.015">1.5%</option> <option value="0.02">2.0%</option> <option value="0.025">2.5%</option> <option value="0.03">3.0%</option> <option value="0.035">3.5%</option> <option value="0.04">4.0%</option> <option value="0.045">4.5%</option> <option value="0.05">5.0%</option> <option value="0.055">5.5%</option> <option value="0.06">6.0%</option> <option value="0.065">6.5%</option> <option value="0.07">7.0%</option> <option value="0.075">7.5%</option> <option value="0.08">8.0%</option> <option value="0.085">8.5%</option> <option value="0.09">9.0%</option> <option value="0.095">9.5%</option> <option value="0.10">10.0%</option> <option value="0.105">10.5%</option> <option value="0.11">11.0%</option> <option value="0.115">11.5%</option> <option value="0.12">12.0%</option> <option value="0.125" selected>12.5%</option> <option value="0.13">13.0%</option> <option value="0.135">13.5%</option> <option value="0.14">14.0%</option> <option value="0.145">14.5%</option> <option value="0.15">15.0%</option> <option value="0.155">15.5%</option> <option value="0.16">16.0%</option> <option value="0.165">16.5%</option> <option value="0.17">17.0%</option> <option value="0.175">17.5%</option> <option value="0.18">18.0%</option> <option value="0.185">18.5%</option> <option value="0.19">19.0%</option> <option value="0.195">19.5%</option> <option value="0.20">20.0%</option> <option value="0.205">20.5%</option> <option value="0.21">21.0%</option> <option value="0.215">21.5%</option> <option value="0.22">22.0%</option> <option value="0.225">22.5%</option> <option value="0.23">23.0%</option> <option value="0.235">23.5%</option> <option value="0.24">24.0%</option> <option value="0.245">24.5%</option> <option value="0.25">25.0%</option> <option value="0.255">25.5%</option> <option value="0.26">26.0%</option> <option value="0.265">26.5%</option> <option value="0.27">27.0%</option> <option value="0.275">27.5%</option> <option value="0.28">28.0%</option> <option value="0.285">28.5%</option> <option value="0.29">29.0%</option> <option value="0.295">29.5%</option> <option value="0.30">30.0%</option> </select>

<strong class="str1">支払回数</strong>(支払期間)
<select name="Kaisuu" size="1">

<option value="1">1回( 2ヶ月)</option> <option value="3">3回( 3ヶ月)</option> <option value="6">6回( 6ヶ月)</option> <option value="10">10回(10ヶ月)</option> <option value="12" selected>12回(12ヶ月)</option> <option value="24">24回(24ヶ月)</option> <option value="36">36回(36ヶ月)</option> <option value="48">48回(48ヶ月)</option> <option value="60">60回(60ヶ月)</option> </select> <div class="str3 fs2">※ クレジットカードの場合、実質年率はカード会員規約に記載されています。</div> </td> </tr> <tr> <td valign="top"> <input type="button" value="ここをクリックすると計算します。" onclick="kintoharaiCommission()"> </td> </tr> </table> </div> <div class="m-l20 m-b20"> <table class="tbl1"> <tbody> <tr> <td colspan="2"> <input type="text" name="kai" maxlength="5" size="8"> <strong class="str1">回払い</strong>で、月々の支払いは下のようになります。 </td> </tr> <tr> <th width="141" class="bgcolor1">第１回目</th> <td width="472"><input type="text" name="kinto1" maxlength="7" size="8"><strong class="str2">円</storng> </td> </tr> <tr> <th class="bgcolor1">第２回目以降</th> <td><input type="text" name="kinto2n" maxlength="7" size="8"><strong class="str2">円</storng></td> </tr> <tr> <td colspan="2">手数料は <input type="text" name="risoku" maxlength="7" size="8"><strong class="str2">円</storng>です。</td> </tr> <tr> <th colspan="2"><strong class="str2">支払総額</strong>（支払額合計）は <input type="text" name="gokei" maxlength="9" size="10"><strong class="str2">円</storng>となります。</th> </tr> <tr> <td colspan="2"> <div class="str3 fs2">（注）この計算はあくまでも目安であり、正確なものではありません。<br /> クレジットカードの中には分割払いのできないものもあります。 </div> </td> </tr> <tr> <td colspan="2" class="t-center"> <input type="reset" value="始めからやり直す"> </td> </tr> </tbody> </table> 追記になりますが 計算後に <tr> <td colspan="2"> <input type="text" name="kai" maxlength="5" size="8"> <strong class="**str1**">回払い</strong>で、月々の支払いは下のようになります。 </td> </tr> <tr> <th width="141" class="bgcolor1">第１回目</th> <td width="472"><input type="text" name="kinto1" maxlength="7" size="8"><strong class="**str2**">円</storng> </td> </tr> <tr> <th class="bgcolor1">第２回目以降</th> <td><input type="text" name="kinto2n" maxlength="7" size="8"><strong class=**"str2"**>円</storng></td> </tr> <tr> <td colspan="2">手数料は <input type="text" name="risoku" maxlength="7" size="8"><strong class=**"str2"**>円</storng>です。</td> </tr> <tr> <th colspan="2"><strong class="str2">支払総額</strong>（支払額合計）は <input type="text" name="gokei" maxlength="9" size="10"><strong class=**"str2"**>円</storng>となります。</th> の箇所に計算結果が出ない状態になります

Answer 1

kintoharaiCommission()の内容を提示していただけないと何とも回答のしようがありませんが‥。

javascriptでinputのテキスト欄にアクセスするにはidを付けてgetElemntById(’’)とします。
javascriptのデバッグはブラウザのデバッガ(firefoxならツール＞Web開発＞Webコンソール)でエラーなどを確認しながら行うのをお勧めします。

PHPとjavascriptの両方を使う場合にはinputタグのidとnameに同じ名前を設定すると判りやすいです。

<script language="javascript" type="text/javascript">
function kintoharaiCommission(){
    var total = 0;
    var kai = document.getElementById('kai').value;
    (中略)‥ 計算など
    var t = document.getElementById('goukei');
    t.value= total;
    return;
}

<input type="text" name="kai" id="kai" maxlength="5" size="8"> 
  (中略)‥
<input type="text" name="gokei" id="gokei" maxlength="9" size="10"><strong class="str2">円</storng>となります。

Comments

[syouta-gdgd]

kintoharaiCommission()の中身ですが
str3*(Kinri/12/100)/(1-(+Kinri/100)**-str1
の計算結果を表示させたいです

Answer 2

ご質問で示された部分だけでは、何も起きませんよね？
onclick="kintoharaiCommission()" で指定した kintoharaiCommission() に対応する処理の記述が必要なはずだと思いますが。
例えば以下のような感じの（この例ではアラートダイアログを表示するだけですが）

<html>
<head>
<title>val demo</title>
<script language="javascript" type="text/javascript">
function kintoharaiCommission(){
	alert( "計算します" ) ;
}
</script>
</head>
<body>
<form> 
        <h2>手数料計算のシミュレーション</h2>

それがボタンをクリックしても呼び出されないというようなお話でしょうか？

Comments

[syouta-gdgd]

回答ありがとうございます。
記述足りず申し訳ありません。
kintoharaiCommission()に対応処理の記述を計算でしても計算されない状態でした。
追加後、演算処理の指定はHTML上の
<h2>手数料計算のシミュレーション</h2>
より上に記述するべきでしょうか？
鞭で申し訳ありません