javascriptで数値を計算して、小数が出たらクラスを付与したい

Question

二つのinputの値を割り算して結果を表示しています。
本当はcomputedで書きたかったのですが、初期値が入っていないと -NaN が表示されるのでダメでした。
（もし -NaN が表示されない方法があればこちらも教えていただけると嬉しです。）

inputへの入力が確定されると表示されるようになっているのですが、割り算なので結果が小数になってしまうことがあります。
その際に#itemBoxに.errorというクラスを付与したいです。
「小数だったら」で分岐を行いたいと思ったのですが、察知する方法がわからずに悩んでおります。

ご教示のほど、よろしくお願い致します！！

<div id="vue-app">
  <div id="itemBox">
    <input type="text" v-model="payAllprice" @change="math">
    <input type="text" v-model="RecruitPayPrice" @change="math">
    <p>{{ total }}</p>
  </div>
</div>

var app = new Vue({
  el: '#vue-app',
  data: {
    payAllprice: '',
    RecruitPayPrice: '',
    total: '',
  },
  methods: {
    math: function(val){
      this.total = this.payAllprice / this.RecruitPayPrice;
    },
  },
});

Answer 1

if ( x % 1 > 0 ) // 小数点がある場合true

とか、

【値が整数かチェックする - Qiita】
https://qiita.com/_shimizu/items/29c77dc667e83573711b

Math.round(x) === x

---

追記：

もっとよい物があった。

【Number.isInteger() | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Number/isInteger