front-end-developer_1_

Front-End-Developer - Level 1
#drinks, #under-21 {
}
display: none;
scripts.js
$(document).ready(function() {
var age = parseInt(prompt("How old are you?"));
if (age >= 21) {
$('#drinks').show();
} else {
$('#under-21').show();
}
});
Since prompt() returns a string, we have to change it into a number using the parseInt()
function. (The Int bit is short for integer, which means it's a whole number. If we wanted to
convert something into a number with a decimal, we'd use parseFloat - floating point
numbers are numbers with decimals.)
The new part of the JavaScript is called an if...else statement, or a branch. If the
condition in the parentheses is true, then the first statement is run. If not, the statement
following the else keyword is run.
The curly braces after the if statement don't end with a semicolon. This is because an
if statement isn't a statement itself; rather, it's a collection of statements. Or something
like that. Just know that it's a rule: no semicolons after the curly braces for if statements.
Also, once again, note the indentation: everything that inside the if and else gets
indented in two spaces.
You can even make the logic a little more complex:
scripts.js
Branching
120