JavaScript If文が動作しないのはなぜですか？

Question

私は、なぜ私のif文が決して誘発しないのかを把握するために努力してきました。どんな助けでも大歓迎です！

var clickcounter = 0; 
var buttonclicker = document.getElementById("buttonclicker"); 

function unblur() { 
    clickcounter = clickcounter + 1; 
    console.log(clickcounter); 
} 

if (clickcounter === 1) { 
    buttonclicker.textContent = "Unlock More"; 
    alert(clickcounter); 
} 

変数clickcounterがあれば（clickcounter => 1）を使用して試み、また（clickcounter> 0）場合に試みたが、これのどれも働いていないに等しいか又は最初にI 1上であろう。私は間違って何をしていますか？ はここで全部のcodepenされています、unblur()はそうclickcounterが0ままあなたのコード例に基づいてhttps://codepen.io/sage379/pen/JyppZv

Answer 1

と呼ばれることは決してありません。

Answer 2

問題がある場合は、clickcounterを増やしても、それが変更されたかどうかは決して確認できません。このチェックはスクリプト内で一度だけ実行され、clickcounter = 0の直後に実行されます。

ここでは、そのチェックを新しい機能checkClickCounter()にラップした例を示します。この関数は、ボタンクリックによって呼び出されるたびにunblur()で呼び出されます。 if文を>=に変更しましたが、1つ増えているので、クリック1回後には常に===を使用してtrueを返します。この変更は現在のコードでは関係ありません。

var clickcounter = 0; 
var buttonclicker = document.getElementById("buttonclicker"); 

function unblur() { 
    clickcounter = clickcounter + 1; 
    checkClickCounter(clickcounter); 
} 

function checkClickCounter(count){ 
    if (count >= 1) { 
     buttonclicker.textContent = "Unlock More"; 
     //alert(clickcounter); 
    } 
} 

Answer 3

次のコードスニペットを試してください。私があなたの要件を理解していないかどうか教えてください。

var clickcounter = 0; 
var buttonclicker = document.getElementById("buttonclicker"); 

     function unblur() { 

      clickcounter = clickcounter + 1; 
      console.log(clickcounter); 


      if (parseInt(clickcounter) >= 1){ 
        buttonclicker.textContent = "Unlock More"; 

      } 
     } 

Answer 4

unblurの内側にあなたのif文を入れて：それはちょうどに設定されているため

var clickcounter = 0; 
var buttonclicker = document.getElementById("buttonclicker"); 
function unblur() { 
clickcounter = clickcounter + 1; 
console.log(clickcounter); 
if (clickcounter === 1) { 
    buttonclicker.textContent = "Unlock More"; 
    alert(clickcounter); 
} 
}