ボタンをクリックすると、整数値が減少するjavascript html？

Question

コード：ボタンをクリックすると、基本的

function displayImage() { 
    var textil = 20; 
    if (textil >= 2) { 
    textil = textil - 2; 
    var num = Math.floor(Math.random() * 21); // 0...6 
    // array in the canvas image using the random number as the subscript value 
    document.canvas.src = imagesArray[num]; 
    } else { 
    alert("insufficient funds."); 
    } 
} 

、そのはonclick=displayimage()を行くが、それは、私はそれが20である現在のtextil整数に-2行く、と私はクリックかつてときにしたくありませんそれが2未満になるまで、私はそのメッセージを言うことを望みます。

これはうまくいくと思いましたが、誰かがこれを手伝ってくれますか？おかげさまで、もし可能であれば、ページをリフレッシュしてもその値がtextilに保存されるようにするにはどうすればいいですか？

Answer 1

値をvar textil= 20;に割り当てます。したがって、呼び出されるたびに最初に20に設定されます。あなたはそれを機能から取り除く必要があります。

基本的に、あなたのコードは次のようになります。また、あなたのコメント// 0...6が実際に適切ではない

var textil = 20; 

function displayImage() { 
    if (textil >= 2) { 
    textil = textil - 2; 
    var num = Math.floor(Math.random() * 21); // 0...6 
    // array in the canvas image using the random number as the subscript value 
    document.canvas.src = imagesArray[num]; 
    } else { 
    alert("insufficient funds."); 
    } 
} 

、それは0..20