javascriptの四捨五入

Question

javascriptを外部ファイルにして、htmlに反映させる時、小数点以下を四捨五入して表示せたいです。
Math.round()を使いたいのですが、どのように組み込んだらよいのかがわかりません。
ご教示のほど、よろしくお願いいたします。

---javascript---
var total = function (price) {
var tax = 0.1;
return price + price * tax;
}

---html---
<script type="text/javascript" src="tax.js"></script>
<p id="tax"></p>
<script>
document.getElementById('tax').textContent = total(999) + '円（税込）';
</script>

fujillin · Accepted Answer

No5です。＞どのように組み込むのが正しいのか教えて頂けますでしょうか。ご提示の外部スクリプトを単純に置き換えればよいだけですけれど・・・？

＞No4様の方法もクラス名を改めてつけて試したのですが、反映されません。 No4様の回答をとやかくいう資格はありませんけれど、設置方法はNo4に示されている通りです。スクリプト中の「_」（＝アンダーバー）はインデントのためのものなので、半角スペースに置き換えるか削除してあげる必要があります。（ここの掲示板は、スペースのインデントが全て削除されてしまうので…）

cametan_42 · Answer

> 税率自体を関数の引数にする。という方法の場合、どのように記述したら良いのでしょうか？例えば、ですね。 JavaScriptはクロージャが使えるんでクロージャを使う手が考えられます。クロージャ: https://ja.wikipedia.org/wiki/%E3%82%AF%E3%83%AD%E3%83%BC%E3%82%B8%E3%83%A3 JavaScriptファイルのtotalと言う関数を、まずは次のように書き換えてみます。 var total = function (tax) { 　return function(price) { 　　return Math.round(price + price * tax); 　} } 関数totalは引数tax(つまり、英語としては不正確だけど、まぁ、この場合は税率)を受け取る関数になってますが、返り値はラムダ式・・・って言い方は関数型言語のモノですが、JavaScript流に言うと無名関数を返します。この「返されるべき無名関数」がクロージャです。今ここで、totalはクロージャを利用して「関数を返す関数」となった。これがどういう作用があるか、と言うと、引数taxが与えられた際にそのtaxの情報は返り値の無名関数に入ります。そして「その情報を持ったまま」引数priceを待つ事になる。と言う事は貴方の言う通り「ページによって税率を変える」と言うトリックが成り立つ事になる。次にHTMLを次のように書き換えます。 TAX

ページによってtotalに与える税率を変えれば、上の例で言うとfooはその与えられた税率に従って計算してくれるでしょう。

fujillin · Answer

No3です。

＞教えて頂いた記述をどう組み込んだらよいでしょうか？
ご提示のスクリプト部分の書き直し版ですので、そのまま置き換えればよろしいかと。

とは言え、No4様がもう少し一般化したものをご提示なさっていますので、実装するなら、そちらの方が使いやすいのではないかと思います。
（htmlタグにクラス名をつけておけば、数値が置換される。）

Ogre7077 · Answer

== tax.js

// 税率
const taxRate = 10 / 100;
// 文書内に埋め込まれている金額を、税込に一律修正
document.addEventListener('DOMContentLoaded',ev=>{
_ document.querySelectorAll('.taxIncl').forEach(e=>{
_ _ var m = /(\d+)\s*(\S+)/.exec(e.textContent);
_ _ if (m) {
_ _ _ var n = parseInt(m[1],10), u = m[2];
_ _ _ var s = Math.round(n * (1+taxRate)).toString(10);
_ _ _ e.textContent = s + u + "(税込)";
_ _ }
_ });
});

== page.html
<script src="tax.js"></script>
<p class=taxIncl>999円</p>
<p class=taxIncl>39800円</p>

999円

39800円

fujillin · Answer

こんばんは

なんだか、妙なところに拘っているみたいですけれど、とりあえず…

const
tax = 0.1, total = p => p + Math.round(p * tax);

とか・・・

cametan_42 · Answer

なんか言ってることが良く分からんのですが、

> jsは外部ファイルにしたいという前提(税率が変わる可能性があるため)がありまして、個々のhtmlで、表示したい単価が変わります。

それだけ、なら税率自体を関数の引数にしちまえば良いんじゃないの?

zircon3 · Answer

ある計算結果を四捨五入したいのですよね？
でしたら結果が入っている変数をAとすると　Math.round(A)　とすればよいだけです。四捨五入した値を変数Bに入れるなら　B = Math.round(A)　です。
ちなみに()の中は変数名だけではなく計算式を書いてもOKです。

で。そういったことはJavascriptの入門書やネット上の解説ページに記載されています。
Googleなどで「Javascript　四捨五入」といった簡単なキーワードで検索されると解説ページがやまほど見つかるかと思います。お試しください。

参考まで。

javascriptの四捨五入

No5です。

> 税率自体を関数の引数にする。

No3です。

== tax.js

こんばんは

なんか言ってることが良く分からんのですが、

ある計算結果を四捨五入したいのですよね？

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング