front-end-developer_1_

Front-End-Developer - Level 1
Here, we've used the && (and) operator. The expression gender === 'male' && age < 26
only evaluates to true if both conditions evaluate to true . You can try it out in the
JavaScript console to see for yourself.
If we decide that we actually want to charge the premium to all men, and to anyone who's
under 26, we can use the || (or) operator:
scripts.js
if (gender === 'male' || age < 26) {
}
quote += 50;
The expression gender === 'male' || age < 26 evaluates to true if either condition
evaluates to true .
One thing I don't like about our page is that it doesn't give an error if the user forgets to enter
their age - it just treats it like their age is 0. Let's give an error if they leave the age field
blank:
scripts.js
$(document).ready(function() {
$("form#insurance").submit(function(event) {
var age = parseInt($("input#age").val());
var gender = $("select#gender").val();
if (age) {
var quote = (100 - age) * 3;
if (gender === 'male' && age < 26) {
quote += 50;
}
$("#rate").empty().append(quote);
$("#quote").show();
} else {
alert('Please enter your age.');
}
});
});
event.preventDefault();
Does this strike you as a little funny? Before now, all of the conditions for our if
statements have evaluated to booleans. This time, we're looking at a string. If the user
doesn't input a value, jQuery will return an empty string (with the car insurance page open,
More Branching
127