Warum funktioniert meine JavaScript If-Anweisung nicht?

Question

Ich habe für eine gute Minute versucht, herauszufinden, warum meine if-Anweisung nie auslöst. Jede Hilfe würde sehr geschätzt werden!

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); 
} 

die Variable clickcounter wird als gleich oder mehr als 1 I zunächst versucht mit if (clickcounter => 1) und auch versucht if (clickcounter> 0), aber keine von diesen gearbeitet. Was mache ich falsch? Hier ist ein codepen der ganzen Sache: https://codepen.io/sage379/pen/JyppZv

Answer 1

auf Ihrem Codebeispiel Basierend unblur() wird nie so genannt clickcounter bleibt 0.

Answer 2

Das Problem ist, dass, sobald Sie clickcounter inkrementieren, Sie nie überprüfen, ob es geändert wird. Diese Prüfung wird einmal in Ihrem Skript ausgeführt, unmittelbar nachdem clickcounter = 0 eingestellt wurde.

Hier ist ein Beispiel, in dem ich diesen Check in eine neue Funktion namens checkClickCounter() eingewickelt habe. Diese Funktion wird bei jedem Aufruf durch einen Tastendruck mit unblur() aufgerufen. Ich habe Ihre if-Anweisung zurück zu >= geändert, aber da Sie um eins erhöhen, wird immer True nach einem Klick mit === zurückgegeben, so dass diese Änderung in Ihrem aktuellen Code keine Rolle spielt.

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

Bitte versuchen Sie es mit dem folgenden Codeausschnitt. Lassen Sie mich wissen, wenn ich Ihre Anforderung nicht verstanden habe.

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

Ihre Put if-Anweisung innerhalb von unblur:

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); 
} 
}