2018-10-04 14:37:37 +01:00
|
|
|
---
|
|
|
|
id: 56533eb9ac21ba0edf2244db
|
|
|
|
title: Introducing Else If Statements
|
|
|
|
challengeType: 1
|
2019-02-14 12:24:02 -05:00
|
|
|
videoUrl: 'https://scrimba.com/c/caeJ2hm'
|
2018-10-04 14:37:37 +01:00
|
|
|
---
|
|
|
|
|
|
|
|
## Description
|
|
|
|
<section id='description'>
|
|
|
|
If you have multiple conditions that need to be addressed, you can chain <code>if</code> statements together with <code>else if</code> statements.
|
2019-05-17 06:20:30 -07:00
|
|
|
|
|
|
|
```js
|
|
|
|
if (num > 15) {
|
|
|
|
return "Bigger than 15";
|
|
|
|
} else if (num < 5) {
|
|
|
|
return "Smaller than 5";
|
|
|
|
} else {
|
|
|
|
return "Between 5 and 15";
|
|
|
|
}
|
|
|
|
```
|
|
|
|
|
2018-10-04 14:37:37 +01:00
|
|
|
</section>
|
|
|
|
|
|
|
|
## Instructions
|
|
|
|
<section id='instructions'>
|
|
|
|
Convert the logic to use <code>else if</code> statements.
|
|
|
|
</section>
|
|
|
|
|
|
|
|
## Tests
|
|
|
|
<section id='tests'>
|
|
|
|
|
|
|
|
```yml
|
|
|
|
tests:
|
|
|
|
- text: You should have at least two <code>else</code> statements
|
2019-07-13 00:07:53 -07:00
|
|
|
testString: assert(code.match(/else/g).length > 1);
|
2018-10-04 14:37:37 +01:00
|
|
|
- text: You should have at least two <code>if</code> statements
|
2019-07-13 00:07:53 -07:00
|
|
|
testString: assert(code.match(/if/g).length > 1);
|
|
|
|
- text: You should have closing and opening curly braces for each <code>if else</code> code block.
|
|
|
|
testString: assert(code.match(/if\s*\((.+)\)\s*\{[\s\S]+\}\s*else if\s*\((.+)\)\s*\{[\s\S]+\}\s*else\s*\{[\s\S]+\s*\}/));
|
2018-10-04 14:37:37 +01:00
|
|
|
- text: <code>testElseIf(0)</code> should return "Smaller than 5"
|
2019-07-13 00:07:53 -07:00
|
|
|
testString: assert(testElseIf(0) === "Smaller than 5");
|
2018-10-04 14:37:37 +01:00
|
|
|
- text: <code>testElseIf(5)</code> should return "Between 5 and 10"
|
2019-07-13 00:07:53 -07:00
|
|
|
testString: assert(testElseIf(5) === "Between 5 and 10");
|
2018-10-04 14:37:37 +01:00
|
|
|
- text: <code>testElseIf(7)</code> should return "Between 5 and 10"
|
2019-07-13 00:07:53 -07:00
|
|
|
testString: assert(testElseIf(7) === "Between 5 and 10");
|
2018-10-04 14:37:37 +01:00
|
|
|
- text: <code>testElseIf(10)</code> should return "Between 5 and 10"
|
2019-07-13 00:07:53 -07:00
|
|
|
testString: assert(testElseIf(10) === "Between 5 and 10");
|
2018-10-04 14:37:37 +01:00
|
|
|
- text: <code>testElseIf(12)</code> should return "Greater than 10"
|
2019-07-13 00:07:53 -07:00
|
|
|
testString: assert(testElseIf(12) === "Greater than 10");
|
2018-10-04 14:37:37 +01:00
|
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
## Challenge Seed
|
|
|
|
<section id='challengeSeed'>
|
|
|
|
|
|
|
|
<div id='js-seed'>
|
|
|
|
|
|
|
|
```js
|
|
|
|
function testElseIf(val) {
|
|
|
|
if (val > 10) {
|
|
|
|
return "Greater than 10";
|
|
|
|
}
|
2018-10-08 01:01:53 +01:00
|
|
|
|
2018-10-04 14:37:37 +01:00
|
|
|
if (val < 5) {
|
|
|
|
return "Smaller than 5";
|
|
|
|
}
|
2018-10-08 01:01:53 +01:00
|
|
|
|
2018-10-04 14:37:37 +01:00
|
|
|
return "Between 5 and 10";
|
|
|
|
}
|
|
|
|
|
|
|
|
// Change this value to test
|
|
|
|
testElseIf(7);
|
|
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
## Solution
|
|
|
|
<section id='solution'>
|
|
|
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
function testElseIf(val) {
|
|
|
|
if(val > 10) {
|
|
|
|
return "Greater than 10";
|
|
|
|
} else if(val < 5) {
|
|
|
|
return "Smaller than 5";
|
|
|
|
} else {
|
|
|
|
return "Between 5 and 10";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
```
|
|
|
|
|
|
|
|
</section>
|