ee1e8abd87
* feat(tools): add seed/solution restore script * chore(curriculum): remove empty sections' markers * chore(curriculum): add seed + solution to Chinese * chore: remove old formatter * fix: update getChallenges parse translated challenges separately, without reference to the source * chore(curriculum): add dashedName to English * chore(curriculum): add dashedName to Chinese * refactor: remove unused challenge property 'name' * fix: relax dashedName requirement * fix: stray tag Remove stray `pre` tag from challenge file. Signed-off-by: nhcarrigan <nhcarrigan@gmail.com> Co-authored-by: nhcarrigan <nhcarrigan@gmail.com>
96 lines
2.4 KiB
Markdown
96 lines
2.4 KiB
Markdown
---
|
||
id: cf1111c1c12feddfaeb3bdef
|
||
title: Use Conditional Logic with If Statements
|
||
challengeType: 1
|
||
videoUrl: 'https://scrimba.com/c/cy87mf3'
|
||
forumTopicId: 18348
|
||
dashedName: use-conditional-logic-with-if-statements
|
||
---
|
||
|
||
# --description--
|
||
|
||
`If` statements are used to make decisions in code. The keyword `if` tells JavaScript to execute the code in the curly braces under certain conditions, defined in the parentheses. These conditions are known as `Boolean` conditions and they may only be `true` or `false`.
|
||
|
||
When the condition evaluates to `true`, the program executes the statement inside the curly braces. When the Boolean condition evaluates to `false`, the statement inside the curly braces will not execute.
|
||
|
||
**Pseudocode**
|
||
|
||
<blockquote>if (<i>condition is true</i>) {<br> <i>statement is executed</i><br>}</blockquote>
|
||
|
||
**Example**
|
||
|
||
```js
|
||
function test (myCondition) {
|
||
if (myCondition) {
|
||
return "It was true";
|
||
}
|
||
return "It was false";
|
||
}
|
||
test(true); // returns "It was true"
|
||
test(false); // returns "It was false"
|
||
```
|
||
|
||
When `test` is called with a value of `true`, the `if` statement evaluates `myCondition` to see if it is `true` or not. Since it is `true`, the function returns `"It was true"`. When we call `test` with a value of `false`, `myCondition` is *not* `true` and the statement in the curly braces is not executed and the function returns `"It was false"`.
|
||
|
||
# --instructions--
|
||
|
||
Create an `if` statement inside the function to return `"Yes, that was true"` if the parameter `wasThatTrue` is `true` and return `"No, that was false"` otherwise.
|
||
|
||
# --hints--
|
||
|
||
`trueOrFalse` should be a function
|
||
|
||
```js
|
||
assert(typeof trueOrFalse === 'function');
|
||
```
|
||
|
||
`trueOrFalse(true)` should return a string
|
||
|
||
```js
|
||
assert(typeof trueOrFalse(true) === 'string');
|
||
```
|
||
|
||
`trueOrFalse(false)` should return a string
|
||
|
||
```js
|
||
assert(typeof trueOrFalse(false) === 'string');
|
||
```
|
||
|
||
`trueOrFalse(true)` should return "Yes, that was true"
|
||
|
||
```js
|
||
assert(trueOrFalse(true) === 'Yes, that was true');
|
||
```
|
||
|
||
`trueOrFalse(false)` should return "No, that was false"
|
||
|
||
```js
|
||
assert(trueOrFalse(false) === 'No, that was false');
|
||
```
|
||
|
||
# --seed--
|
||
|
||
## --seed-contents--
|
||
|
||
```js
|
||
function trueOrFalse(wasThatTrue) {
|
||
// Only change code below this line
|
||
|
||
|
||
|
||
// Only change code above this line
|
||
|
||
}
|
||
```
|
||
|
||
# --solutions--
|
||
|
||
```js
|
||
function trueOrFalse(wasThatTrue) {
|
||
if (wasThatTrue) {
|
||
return "Yes, that was true";
|
||
}
|
||
return "No, that was false";
|
||
}
|
||
```
|