So we've already come quite a way with 'if' statements - but there are three more operators which can come in useful to make conditions and logic paths even more complex. These are called logical operators and are what we're going to be talking about in this tutorial.
&&) is used to check if one expression and another is true. Both must be true for the condition to be true (and if used in an 'if statement', for the code to be executed).
We can use the 'and' operator in a very basic manor by writing one condition (using two values and a conditional operator), then using the 'and' operator (
&&), and then simply writing the second condition. Take the following for example:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
So maybe we haven't created an extremely
||) - this is often on keyboards to the left of 'Shift', or to the right of 'Enter'.
It's worth noting that the 'or' operator is not exclusive (it's not like XOR if you know about logical operators in general), so this means that it will also return 'true' if both the expressions it is evaluating are true. So let's write another abstract example!
1 2 3 4 5 6 7 8 9
'Or' can also be used to accept responses in varying cases within basic scripts, for example:
1 2 3 4
Now finally, the 'not' operator. This one is a little bit different to 'and' and 'or' - instead of being about joining conditions, it simply inverts them. So if a condition is true, putting the 'not' operator before it will make it false (and if you put the 'not' operator before a condition that is true, it will make it false).
!). So if we wanted an 'if' statement to always be false, and wanted to use the 'not' operator to do it for some obscure reason - then we could write '!true' (or just 'false' which makes a lot more sense).
So it's time to create an abstract example:
1 2 3 4 5 6 7 8 9
Notice how I bracketed up the whole condition I wanted to inverse (in the above case - checking if the users input was above 9000 or below -9000) and then simply put a '!' in-front of it to invert it. This condition is possible to formulate without using 'not', however the 'not' operator makes the code neater and more readable. 'Not' also has some clear uses outside of conditions - such as setting a variable to the inverse of another:
In the above case, variableTwo would be true (because it's '!false').
Playing around with different logical operators can help you get to grips with them and as always, I recommend either tweaking with the files in your project folder or playing around on JSFiddle.