freeCodeCamp/guide/english/certifications/javascript-algorithms-and-d.../basic-javascript/introducing-else-if-statements/index.md

81 lines
1.9 KiB
Markdown
Raw Normal View History

2018-10-12 19:37:13 +00:00
---
title: Introducing Else If statements
---
## Introducing Else If statements
Remember to use Read-Search-Ask if you get stuck. Try to pair program and write your own code.
### Problem explanation:
```javascript
function testElseIf(val) {
if (val > 10) {
return "Greater than 10";
}
if (val < 5) {
return "Smaller than 5";
}
return "Between 5 and 10";
}
// Change this value to test
testElseIf(7);
```
We'll be modifying the existing code above so that it follows the flow of logic that an **else-if** statement has.
### Hint: 1
``` javascript
if (val > 10) {
return "Greater than 10";
}
```
All `if` statements and their variants start off with an `if` statement.
> _try to solve the problem now_
### Hint: 2
``` javascript
else if (val < 5) {
return "Smaller than 5";
}
```
Statements between the `if` statement and the `else` statement in an **else-if** flow are in the else-if format
> _try to solve the problem now_
### Hint: 3
``` javascript
else {
return "Between 5 and 10";
}
```
The last statement in an **else-if** flow is in the `else` format
### Spoiler alert!
![spoiler](http://discourse-user-assets.s3.amazonaws.com/original/2X/2/2d6c412a50797771301e7ceabd554cef4edcd74d.gif)
Solution ahead!
## Basic code solution:
```javascript
function testElseIf(val) {
if (val > 10) {
return "Greater than 10";
}
else if (val < 5) {
return "Smaller than 5";
}
else {
return "Between 5 and 10";
}
}
// Change this value to test
testElseIf(7);
```
:rocket: [Run code](https://repl.it/@RyanPisuena/GoldenWorriedRuntime)
## Code explanation
The structure of an **else-if logic flow** is an initial `if` statement, one more `if-else` statements, and one final `else` statement.
### Resources
- ["if...else" - *MDN JavaScript reference*](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else)