JavaScript カウンタがゼロになったら画像を表示したい

Question

JavaScript初心者です。

下記のカウンタがゼロになったら、画像表示の関数の処理を実行させたいと思っています。
下記のように書いてみましたが、何も起きません。
問題点のご指摘をいただけますと幸いです。

class Player {
  constructor() {
    this.money = 100;
    this.ringo = 0;
    this.limit = 0;  //保持時間
  }

startCounters() {
    this.timer = setInterval(() => {
      this.limit--;
      this.updateStats();
      if (this.limit < 0) {
        this.stopTimer();
        this.limit = 0;
        this.updateStats();
        dispImage();
      }
    }, 1000);
  }

function dispImage() {
  document.querySelector('.modal').innerHTML = `<img src="画像のURL">`;
}

Comments

[itagagaki]

thisは何者ですか？
this.limitはどこで初期化されますか？

[hiro_ike]

ご確認ありがとうございます。
クラスの中で初期化しています。
あってますでしょうか？（初心者のため認識していない誤りがある場合があります。。）

[root_jp]

> thisは何者ですか？
Playerクラスのインスタンスです。

> あってますでしょうか？
あってますよ。

[itagagaki]

root_jpさん
質問にPlayerクラスが記載されていなかったので聞いたのですよ。
それで質問が編集されたのです。

[root_jp]

編集の履歴確認しました。
おっしゃる通りのようでした。大変失礼いたしました。

[itagagaki]

それで、そのインスタンスはどうやって作成して、startCounterはどうやって呼び出していますか？
あと、updateStats() が無いようですし、 } も足りていないようですが。

[m.ts10806]

＞何も起きません。
エラーは起きてますね。

Answer 1

コードを切り抜いたため、余計なエラー(自分の環境では出ていない)が出てしまいお手数おかけしました。
自分では、functionの行の書き方が誤っていると思ったのですが、
再度確認したところセレクタ名を書き換えたところ、画像が表示されました。
コメントいただいた皆様、ありがとうございました。