計算結果がおかしい
<form name="form1">
<h2>消費税計算</h2>
<p>本体金額<input type="text" value="0" class="right" name="text4">円</p>
<p>消費税率<input type="text" value="0" class="right" name="text5">%</p>
<p>税込金額<input type="text" value="0" class="right" name="text6" onFocus="zei()">円</p>
</form>
htmlで上記のようなテキストフィールドを3つ作成し、それぞれ上から順に
[text4~text6]の名前をつけています。
本体金額(text4)と消費税率(text5)に入力された値をもとに、
text6に税込金額を表示するように以下の関数をjavascriptで<head>タグ間に記述しました。
<script type="text/javascript">
<!--
function zei(){
document.form1.text6.value=document.form1.text4.value*(1+document.form1.text5.value/100);
}
//-->
</script>
実際に値を入力してみると、計算結果が正常な場合とそうでない場合があります。
例えば、本体金額のボックスに500、消費税率の欄に10と入力すると、550と表示され
問題はないのですが、本体金額を200に変更すると
「220.00000000000003」と表示されます。
小数点以下を切り捨てれば済む話ですが・・・・・
計算結果が違っているのが気になります。
これは何故なのでしょう?
原因がおわかりの方がおられましたら、ご教示ください。
どうか宜しくお願いいたします。
No.1ベストアンサー
- 回答日時:
整数同士の掛け算をしてから10のn乗でわれば誤差はすくなくなります。
<script>
function zei(obj){
var f=obj.form;
f.elements["text6"].value=parseInt(f.elements["text4"].value)*(100+parseInt(f.elements["text5"].value))/100;
}
</script>
<form id="form1">
<h2>消費税計算</h2>
<p>本体金額<input type="text" value="0" class="right" name="text4">円</p>
<p>消費税率<input type="text" value="0" class="right" name="text5">%</p>
<p>税込金額<input type="text" value="0" class="right" name="text6" onFocus="zei(this)">円</p>
</form>
yambejp様
早速の回答、ありがとうございました。
整数同士の掛け算を優先すれば誤差が少なくなるのですね。
そこまで考えなければいけないとは知らなかったので、勉強になりました。
ご親切にソースまで記述してくださり、感謝しております。
本当にありがとうございました。
No.2
- 回答日時:
機械の内部では2進計算をしているので、ある範囲の誤差が出ることがあります。
でも、ご質問の程度の計算でしたら、なるべく整数計算を優先させるようにして、
document.form1.text4.value*(1*document.form1.text5.value+100)/100;
のようにすれば、よろしいかと。(割算を最後に行なうようにしている)
fujillin様
2進数で計算しているがゆえの誤差だったのですね。
わたくしの様な初心者にも分かりやすい説明、
本当にありがとうございました。
回答をくださった皆様への感謝の度合いは同じですので、
順番付けはしたくありませんが、
ベストアンサーは、回答の早かった順とさせていただきました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【大喜利】【投稿~11/12】 急に朝起こしてきた母親に言われた一言とは?
- ・好きな和訳タイトルを教えてください
- ・うちのカレーにはこれが入ってる!って食材ありますか?
- ・好きな「お肉」は?
- ・あなたは何にトキメキますか?
- ・おすすめのモーニング・朝食メニューを教えて!
- ・「覚え間違い」を教えてください!
- ・とっておきの手土産を教えて
- ・「平成」を感じるもの
- ・秘密基地、どこに作った?
- ・【お題】NEW演歌
- ・カンパ〜イ!←最初の1杯目、なに頼む?
- ・一回も披露したことのない豆知識
- ・これ何て呼びますか
- ・チョコミントアイス
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・これ何て呼びますか Part2
- ・許せない心理テスト
- ・この人頭いいなと思ったエピソード
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・あなたの習慣について教えてください!!
- ・ハマっている「お菓子」を教えて!
- ・高校三年生の合唱祭で何を歌いましたか?
- ・【大喜利】【投稿~11/1】 存在しそうで存在しないモノマネ芸人の名前を教えてください
- ・好きなおでんの具材ドラフト会議しましょう
- ・餃子を食べるとき、何をつけますか?
- ・あなたの「必」の書き順を教えてください
- ・ギリギリ行けるお一人様のライン
- ・10代と話して驚いたこと
- ・家の中でのこだわりスペースはどこですか?
- ・つい集めてしまうものはなんですか?
- ・自分のセンスや笑いの好みに影響を受けた作品を教えて
- ・【お題】引っかけ問題(締め切り10月27日(日)23時)
- ・大人になっても苦手な食べ物、ありますか?
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptのちょっとした動作...
-
スマホのフォームでのselect複...
-
<input type="hidden" name = "...
-
追加ボタンを押した際に ok ボ...
-
画面表示とともにtableの指定の...
-
【jQuery】tableループ内のIDの...
-
至急!GetElementById でtdの...
-
cookie使用時にundefinedと表示...
-
Selectボックスの幅を自動で広...
-
テキストボックス入力を半角英...
-
確認ダイアログの出し方(JavaS...
-
フォーカスすると初期値が消去...
-
return trueとreturn falseの用...
-
ホームページビルダーでメール...
-
javascriptでASPにデータを渡す
-
フォーム内で記入したクエリ送...
-
アンダーバーのname値は取得で...
-
JavascriptからSubmitして画面...
-
ボタンかリンクをクリックする...
-
javascriptでセレクトボックス...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TextBoxに半角数字以外を入れた...
-
tabindexの取得
-
HTMLファイル同士での値渡し
-
入力するテキストエリアをボタ...
-
マイナスなら赤字で表示したい...
-
ページ間で変数を保持したい
-
プルダウンで選択された値を別...
-
VBscriptの配列変数をJavascrip...
-
どちらかひとつのテキストボッ...
-
jQueryのdatepickerの日付が選...
-
テキストボックスに入力した色...
-
HTMLとJavaScriptで作った表示...
-
大文字か小文字かを判断する方法
-
現在JavaScriptのonLoad,onUnlo...
-
Request.Form(key)の中身をクリ...
-
disabledの点で。
-
改行コード変換しても、引数の...
-
AからBへ変わった時だけ発動す...
-
テキストエリアの制限字数以上...
-
ラジオボタンで入力項目の可・...
おすすめ情報