* feat(curriculum): Add Basic JS Scrimba links * Fix: Add missing video url. * fix: update videoUrl
3.5 KiB
3.5 KiB
id, title, challengeType, videoUrl
id | title | challengeType | videoUrl |
---|---|---|---|
cf1111c1c12feddfaeb3bdef | Use Conditional Logic with If Statements | 1 | https://scrimba.com/c/cy87mf3 |
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
if (condition is true) {Example
statement is executed
}
function test (myCondition) {When
if (myCondition) {
return "It was true";
}
return "It was false";
}
test(true); // returns "It was true"
test(false); // returns "It was false"
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
if
statement inside the function to return "Yes, that was true"
if the parameter wasThatTrue
is true
and return "No, that was false"
otherwise.
Tests
tests:
- text: <code>trueOrFalse</code> should be a function
testString: assert(typeof trueOrFalse === "function", '<code>trueOrFalse</code> should be a function');
- text: <code>trueOrFalse(true)</code> should return a string
testString: assert(typeof trueOrFalse(true) === "string", '<code>trueOrFalse(true)</code> should return a string');
- text: <code>trueOrFalse(false)</code> should return a string
testString: assert(typeof trueOrFalse(false) === "string", '<code>trueOrFalse(false)</code> should return a string');
- text: <code>trueOrFalse(true)</code> should return "Yes, that was true"
testString: assert(trueOrFalse(true) === "Yes, that was true", '<code>trueOrFalse(true)</code> should return "Yes, that was true"');
- text: <code>trueOrFalse(false)</code> should return "No, that was false"
testString: assert(trueOrFalse(false) === "No, that was false", '<code>trueOrFalse(false)</code> should return "No, that was false"');
Challenge Seed
// Example
function ourTrueOrFalse(isItTrue) {
if (isItTrue) {
return "Yes, it's true";
}
return "No, it's false";
}
// Setup
function trueOrFalse(wasThatTrue) {
// Only change code below this line.
// Only change code above this line.
}
// Change this value to test
trueOrFalse(true);
Solution
function trueOrFalse(wasThatTrue) {
if (wasThatTrue) {
return "Yes, that was true";
}
return "No, that was false";
}