LoginSignup
0

posted at

JavaScriptで小数点を切り捨て表示する方法

画面上に消費税を表示する際に小数点を消したかったので、その解決方法をシンプルに書きます。

Math.floorを使用する

Math.floor(数値)と記述することで、()内の数値を小数点切り捨て表示することができます。
Math.floor(5.2)なら5が返ってきます。

使用例

price.js
const itemPrice = document.getElementById("item_price");
itemPrice.addEventListener("keyup", () => {
  tax = Math.floor(itemPrice.value * 0.1);

上記例では、入力フォームの要素をidで取得し、keyupによってキーボード操作時にイベント発火するようにしてあります。
フォームに入力された数値の10%(itemPrice.value * 0.1)をMath.floor()内に記述して小数点切り捨て表示できるようにしてあります。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
0