JavaScript Conditionals

What Are JavaScript Conditionals?

JavaScript conditionals allow the program to make decisions based on conditions.
They execute different code depending on whether something is true or false.

Types of Conditional Statements

if
if...else
else if
switch

if Statement

Runs code only if the condition is true.

if…else Statement

Runs one block if true, another if false.

else if Statement

Used when there are multiple conditions.

switch Statement

Used when you want to compare the same variable with many values.

Example in HTML with Output

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Conditionals Example</h2>
<p id="result"></p>

<script>
let temperature = 30;
let message;

if (temperature > 35) {
message = "It's too hot!";
} else if (temperature > 20) {
message = "Weather is pleasant.";
} else {
message = "It's cold outside.";
}

document.getElementById("result").innerHTML = message;
</script>

</body>
</html>

<!DOCTYPE html>

<html>

<body>

<h2>JavaScript Conditionals Example</h2>

let temperature = 30;

let message;

if (temperature > 35) {

message = "It's too hot!";

} else if (temperature > 20) {

message = "Weather is pleasant.";

} else {

message = "It's cold outside.";

}

document.getElementById("result").innerHTML = message;

</script>

</body>

</html>

Output (for temperature = 30):

Summary Table

Conditional Type	When to Use
`if`	Single condition
`if...else`	Two possible outcomes
`else if`	Multiple conditions
`switch`	Many fixed value comparisons