人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

JavaScriptで計算結果を出力したい。

以下のプログラムを書きましたが、計算結果が出力されません。
「A(B)を入力してください」のところに数値を入力し、「送信する」ボタンを押すと「1」「2」「3」に計算結果が出力されるようにしたいです。
どなたか教えていただけると助かります。長いので分けて書きます。
「toppage.html」

●質問者: 匿名質問者
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

質問者から
<!DOCTYPE html>
<html lang="ja">
<head>
 <meta charset="utf-8">
 <title>てすと</title>
<script language="javascript">
function cal()
{
 // 入力したデータA、B
 inputValueA = document.calForm.a.value - 0;
 inputValueB = document.calForm.b.value - 0;
 // 計算式
 ans1 = Math.floor(inputValueB / (inputValueA * inputValueA));
 ans2 = Math.floor(inputValueB * (100 - ans1) / 100);
 ans3 = Math.floor(ans2 * 40);
 ans4 = Math.floor(ans3 * 0.1);
 ans5 = Math.floor(ans3 * 0.1 / 9);
 ans6 = Math.floor(ans2 * 2.5 * 4);
 ans7 = Math.floor(ans2 * 2.5);
 ans8 = Math.floor(ans3 - ans4 - ans6);
 ans9 = Math.floor((ans3 - ans4 - ans6) / 4);
 // 計算結果を出力
 document.calForm.ans1.value = ans1;
 document.calForm.ans2.value = ans2;
 document.calForm.ans3.value = ans3;
 document.calForm.ans4.value = ans4;
 document.calForm.ans5.value = ans5;
 document.calForm.ans6.value = ans6;
 document.calForm.ans7.value = ans7;
 document.calForm.ans8.value = ans8;
 document.calForm.ans9.value = ans9;
}
//-->
</script>
</head>

<body>
<form action="#" name="calForm">
 <table>
 <tr>
 <td>Aを入力してください</td>
 <td><input type="text" name="a" value=""></td>
 <tr>
 <tr>
 <td>Bを入力してください</td>
 <td><input type="text" name="b" value=""></td>
 <tr>
 </table>
<input type="button" name="keisan" value="計算する" onclick="cal();">

<hr>

<table>
 <tr>
 <td>1</td>
 <td><input type="text" name="ans5" value=""></td>
 </tr>
 <tr>
 <td>2</td>
 <td><input type="text" name="ans7" value=""></td>
 </tr>
 <tr>
 <td>3</td>
 <td><input type="text" name="ans9" value=""></td>
 </tr>
</table>
</form>

<hr>

</body>
</html>

1 ● 匿名回答2号
ベストアンサー
 // 計算結果を出力
 //document.calForm.ans1.value = ans1;
 //document.calForm.ans2.value = ans2;
 //document.calForm.ans3.value = ans3;
 //document.calForm.ans4.value = ans4;
 document.calForm.ans5.value = ans5;
 //document.calForm.ans6.value = ans6;
 document.calForm.ans7.value = ans7;
 //document.calForm.ans8.value = ans8;
 document.calForm.ans9.value = ans9;

3ステップでしっかり学ぶ JavaScript入門 (今すぐ使えるかんたんプラス)

3ステップでしっかり学ぶ JavaScript入門 (今すぐ使えるかんたんプラス)


匿名質問者さんのコメント
出力できました! ありがとうございます。 使用する式だけを記述するのですね。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ