Wie kann ich in Javascript verhindern, dass die zweite Funktion ausgeführt wird, wenn nicht die erste Funktion aufgerufen wurde?

Question

Dies wurde wahrscheinlich schon vorher behandelt, aber was ich online sehe, ist verwirrend oder zumindest zu fortgeschritten für einen Anfänger wie mich. Hier ist ein Beispiel ....

Wenn ich auf Button A oder Button B in beliebiger Reihenfolge klicke, funktionieren sie; aber ich will Button B nicht funktionieren, es sei denn Taste A wurde zuerst geklickt. Mit dem Code, den ich jetzt habe, wird die if-Anweisung in funcB nie ausgeführt, aber die else-Anweisung wird immer ausgeführt.

Answer 1

Ich könnte eine Variable erstellen, die als Schalter effektiv funktionieren würde, die Sie treffen, wenn Sie Funktion A. laufen:

var funcAPressed = false; 
 

 
var funcA = function() { 
 
    alert("Button A has been pressed"); 
 
    funcAPressed = true; 
 
}; 
 
var funcB = function() { 
 
    if (funcAPressed === false){ 
 
    alert("press Button A"); 
 
    } 
 
    else{ 
 
    alert("Button B has been pressed"); 
 
    } 
 
}; 
 

 
var buttonA = document.getElementById('button1'); 
 
buttonA.onclick = funcA; 
 
var buttonB = document.getElementById('button2'); 
 
buttonB.onclick = funcB;

Answer 2

Der Codeblock in der folgenden if Anweisung wird nie laufen Weil funcA kein boolescher Wert ist, ist es eine Funktion, die keinen Rückgabewert hat.

if (funcA === false){ 
    alert("press Button A"); 
} 

Was kann man aber tun, ist nur eine boolean deklarieren, die als Flag dient, etwa so:

(function() { 
 

 
    let called = false; 
 

 
    var funcA = function() { 
 
    called = true; 
 
    alert("Button A has been pressed"); 
 
    }; 
 
    var funcB = function() { 
 
    if (!called) { 
 
     alert("press Button A"); 
 
    } else { 
 
     alert("Button B has been pressed"); 
 
    } 
 
    }; 
 

 
    var buttonA = document.getElementById('button1'); 
 
    buttonA.onclick = funcA; 
 
    var buttonB = document.getElementById('button2'); 
 
    buttonB.onclick = funcB; 
 

 
})();

<button id="button1">button 1</button> 
 
<button id="button2">button 2</button>

Answer 3

Gerade Taste B das Verhalten in der Klick-Handler-Taste ändern A:

document.getElementById('a').onclick =() => { 
 
    alert("Button A has been pressed"); 
 
    document.getElementById('b').onclick =() => {alert("Button B has been pressed") }; 
 
}  
 
document.getElementById('b').onclick =() => { alert("press Button A") };

<button id="a">a</button> 
 
<button id="b">b</button>

Answer 4

Dies könnte schmutzig sein, sondern kann `arbeiten

var count = 0; 
 
function funcA(){ 
 
count = 1; 
 
} 
 
function funcB(){ 
 
if(count == 1){ 
 
alert("OKAy!") 
 
}else{ 
 
alert("Press Button A"); 
 
} 
 
}

<button id="a" onclick="funcA();">A</button> 
 
<button id= "b" onclick="funcB();">B</button>

`

Answer 5

Ich glaube, Sie haben bereits die Antwort bekommen, aber nur hinzufügen, dass, wenn Sie tun:

var funcA = function() { 
    alert("Button A has been pressed"); 
} 

Und später überprüfen:

if (funcA === false){ 
    alert("press Button A"); 
} 

Dann wird funcA nicht falsch sein. Der Grund dafür ist, dass Sie der Variablen funcA ein Funktionsobjekt zugewiesen haben und daher truthy ist. Es repräsentiert nicht die Tatsache, dass Button1 früher gedrückt wurde oder nicht. Javascript unterscheidet sich von anderen klassischen Sprachen und kann daher in JavaScript einer Variablen zugewiesen werden. Hoffe es hilft dir, die Sprache besser zu lernen!