機能概要
- 単価・数量・税率を入力
- 「計算する」ボタンで合計金額を表示
- decimal.js を使うため誤差ゼロ(
0.1 + 0.2問題なし) - ダークモード切り替えボタン付き
- スマホ対応レスポンシブデザイン
See the Pen Zero-Error Calculator by MONO365 -Color your days- (@monoqlo365) on CodePen.
解説ポイント
| 機能 | 解説 |
|---|---|
| decimal.js | JavaScript の誤差を完全排除。内部で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.


