変数が変化したら関数を実行したい

Question

変数を元に計算をして出力する関数なのですが、変数が変化したら計算をし直したい(関数を実行したい)です。
かのうでしょうか？

function reviewRatio() {
	var goodNum = parseInt($('.countNum1').text());
	var badNum = parseInt($('.countNum2').text());
	var ratio = goodNum / (goodNum + badNum) * 100;
	console.log(ratio);
}

詳しく説明すると、「goodNum」か「badNum」のどちらかの値が変わったら「ratio」の値を計算し直して出力したいです。
なお、変数変化のタイミングは<button>要素をクリックしてから少し時間がたった後なので、onclickは使えませんでした。

Comments

[m.ts10806]

タグにある「PHP」はどのように関係しているのでしょうか。関係しているのでしたら関係性が分かるような質問内容に調整し、関係ないのでしたらタグを削除してください。

[m.ts10806]

htmlも提示してください。これだけでは正しく再現確認と調整が行えません。

Answer 1

$(function(){
  $('.countNum1,.countNum2').on('change',function(){
    reviewRatio();
  });
});

もしくはchangeをinputで

Answer 2

inputのonchangeでreviewRatio呼び出せばいいんじゃないでしょうか
それはそうと、こういうの本当はリアクティブプログラミングていうんでしたっけね

Answer 3

https://teratail.com/questions/26716

Re: esaku さん