jquery - jQuery：クリック時に数値の限られた配列を反復処理する

Question

私はそれが非常に基本的な質問であることを知っていますが、それでも：

ページが最初にロードされるとき、変数myvarはランダムな値（0、1、2、または3）に設定されます。

ボタンをクリックすると、変数が3未満の場合、1ずつ増加します。変数= 3の場合、0に設定されます。

jQueryエキスパートの形成にご協力いただければ幸いです。

Answer 1

このようなもの？

$('#button').click(function(){
    if (myvar< 3){
        myvar++;
    }else{
        myvar = 1;
    }
});

Answer 2

これを試して、

ライブデモ

<input type="button" id="buttonId" value="click me" />

$('#buttonId').click(function(){
     // myvar = 3;
     if(myvar < 3)
         myvar++;
     if(myvar ==3)
         myvar = 0;
})

Answer 3

$('#button').click(function(){
    myvar = (myvar == 3) ? 0 :  ++myvar;
    }
});