decimal.js を使った「誤差ゼロ金額電卓」

APP JavaScript
スポンサーリンク

機能概要

  • 単価・数量・税率を入力
  • 「計算する」ボタンで合計金額を表示
  • decimal.js を使うため誤差ゼロ(0.1 + 0.2 問題なし)
  • ダークモード切り替えボタン付き
  • スマホ対応レスポンシブデザイン

See the Pen Zero-Error Calculator by MONO365 -Color your days- (@monoqlo365) on CodePen.

解説ポイント

機能解説
decimal.jsJavaScript の誤差を完全排除。内部で10進数演算を行う。
.times(), .plus(), .div()decimal.js 独自のメソッド。*+ の代わり。
.toFixed(2)表示用に小数第2位で整形。
toLocaleString() を使えば桁区切りも可能(例:"7,560.00円")。
CSS は変数でライト/ダークテーマ両対応。

See the Pen Zero-Error Calculator #2 by MONO365 -Color your days- (@monoqlo365) on CodePen.

See the Pen Zero-Error Calculator #3 by MONO365 -Color your days- (@monoqlo365) on CodePen.

タイトルとURLをコピーしました