* fix: move "Explore Differences Between..." to basic JS, update seed and tests * fix: resequence "Declare String Variables" * fix: move "Declare a Read-Only Variable..." to basic JS, update seed and tests * fix: revert changes to non-English "Explore Differences Between..." test text * fix: revert test strings, solutions, and seeds for non-English challenges * fix: update "Declare String Variables" description * fix: sync quotation marks in description and seed * fix: modify note in "Declare a Read-Only..." challenge * fix: update operator and compound assignment challenges * fix: update string challenges * fix: update array and array method challenges * fix: update function and scope challenges, resequence slightly * fix: "Word Blanks" solution * fix: add spacing to seed * fix: concatenating += challenge spacing * fix: appending variables to strings spacing * fix: find the length of a string spacing * fix: removed instances of removedFromMyArray = 0 * fix: switch challenges * fix: function argument and param spacing * fix: update counting cards, object challenges, and record collection * fix: finish rest of Basic JS section * fix: introducing else statements solution * fix: update spacing and wording * fix: update wording for const challenge * fix: update functional programming challenges * fix: intermediate algorithms and cert challenges * fix: revert some spacing and remove comments for fp challenge solutions * feat: add notes with links to moved let and const challenges in first two es6 challenges * fix: update es6 intro text * Update curriculum/challenges/english/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-the-plus-equals-operator.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/02-javascript-algorithms-and-data-structures/functional-programming/implement-map-on-a-prototype.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/02-javascript-algorithms-and-data-structures/basic-javascript/declare-a-read-only-variable-with-the-const-keyword.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * fix: concatenating strings with plus operator seed * fix: add comments back to Declare a Read-Only Variable... seed * feat: add es6 to basic javascript redirect tests for let and const challenges * fix: revert "Concatenating Strings with Plus Operator" seed * fix: move test file to cypress/integration/learn/redirects, separate redirect tests Co-authored-by: Shaun Hamilton <shauhami020@gmail.com>
99 lines
2.4 KiB
Markdown
99 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);
|
||
test(false);
|
||
```
|
||
|
||
`test(true)` returns the string `It was true`, and `test(false)` returns the string `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 the string `Yes, that was true`
|
||
|
||
```js
|
||
assert(trueOrFalse(true) === 'Yes, that was true');
|
||
```
|
||
|
||
`trueOrFalse(false)` should return the string `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";
|
||
}
|
||
```
|