jquery 0以下はカウントしない

jqueryを使って、「0以下になったときはカウントしない」というのを実装したいのですが、うまくいきません。
-1とかまでカウントされてしまいます。。

var counter = 0;
if ( counter >= 0 ) {
    $(".plus-btn").click(function() {
       counter++;
       console.log( counter );
       $('.cnt-badge').html( counter );
    });
    $(".minus-btn").click(function() {
       counter--;
       console.log( counter );
       $('.cnt-badge').html( counter );
    });
  }

jqueryやjsは苦手なので、ベタベタな書き方になってしまっていますが、
やり方としてはcounterが0以上の時に処理する内容を書いているのに、うまくいきません。

また、だったらelse文書けばいいのかなと思ったのですが、カウントしないってどう書けばいいんだと悩み、できずにいます。
調べても0以下って出てこないんですね。。

どなたか書き方を教えてください。
どうかよろしくお願いいたします。

行動規範の内容に同意します

回答2件

javascript
1
2var counter = 0;
3
4$(".plus-btn").click(function() {
5   counter++;
6   console.log( counter );
7   $('.cnt-badge').html( counter );
8});
9$(".minus-btn").click(function() {
10   if (counter <= 0) {
11      return;
12   }
13   counter--;
14   console.log( counter );
15   $('.cnt-badge').html( counter );
16});