diff --git a/challenges/01-responsive-web-design/basic-css.json b/challenges/01-responsive-web-design/basic-css.json index f3f5ac9aa4..6fe346c18e 100644 --- a/challenges/01-responsive-web-design/basic-css.json +++ b/challenges/01-responsive-web-design/basic-css.json @@ -4555,21 +4555,21 @@ "tests": [ { "text": - "penguin class should declar the --penguin-skin variable and assign it to gray.", + "penguin class should declare the --penguin-skin variable and assign it to gray.", "testString": - "assert(code.match(/.penguin\\s*?{[\\s\\S]*--penguin-skin\\s*?:\\s*?gray\\s*?;[\\s\\S]*}/gi), 'penguin class should declar the --penguin-skin variable and assign it to gray.');" + "assert(code.match(/.penguin\\s*?{[\\s\\S]*--penguin-skin\\s*?:\\s*?gray\\s*?;[\\s\\S]*}/gi), 'penguin class should declare the --penguin-skin variable and assign it to gray.');" }, { "text": - "penguin class should declar the --penguin-skin variable and assign it to white.", + "penguin class should declare the --penguin-skin variable and assign it to white.", "testString": - "assert(code.match(/.penguin\\s*?{[\\s\\S]*--penguin-belly\\s*?:\\s*?white\\s*?;[\\s\\S]*}/gi), 'penguin class should declar the --penguin-skin variable and assign it to white.');" + "assert(code.match(/.penguin\\s*?{[\\s\\S]*--penguin-belly\\s*?:\\s*?white\\s*?;[\\s\\S]*}/gi), 'penguin class should declare the --penguin-skin variable and assign it to white.');" }, { "text": - "penguin class should declar the --penguin-skin variable and assign it to orange.", + "penguin class should declare the --penguin-skin variable and assign it to orange.", "testString": - "assert(code.match(/.penguin\\s*?{[\\s\\S]*--penguin-beak\\s*?:\\s*?orange\\s*?;[\\s\\S]*}/gi), 'penguin class should declar the --penguin-skin variable and assign it to orange.');" + "assert(code.match(/.penguin\\s*?{[\\s\\S]*--penguin-beak\\s*?:\\s*?orange\\s*?;[\\s\\S]*}/gi), 'penguin class should declare the --penguin-skin variable and assign it to orange.');" } ], "solutions": [], @@ -4803,9 +4803,9 @@ "tests": [ { "text": - "penguin class should declar the --penguin-skin variable and assign it to gray.", + "penguin class should declare the --penguin-skin variable and assign it to gray.", "testString": - "assert(code.match(/.penguin\\s*?{[\\s\\S]*--penguin-skin\\s*?:\\s*?gray\\s*?;[\\s\\S]*}/gi), 'penguin class should declar the --penguin-skin variable and assign it to gray.');" + "assert(code.match(/.penguin\\s*?{[\\s\\S]*--penguin-skin\\s*?:\\s*?gray\\s*?;[\\s\\S]*}/gi), 'penguin class should declare the --penguin-skin variable and assign it to gray.');" } ], "solutions": [], @@ -5036,15 +5036,15 @@ "tests": [ { "text": - "Apply the --penguin-skin variable to the background property of the pengiun-top class.", + "Apply the --penguin-skin variable to the background property of the penguin-top class.", "testString": - "assert(code.match(/.penguin-top\\s*?{[\\s\\S]*background\\s*?:\\s*?var\\s*?\\(\\s*?--penguin-skin\\s*?\\)\\s*?;[\\s\\S]*}[\\s\\S]*.penguin-bottom\\s{/gi), 'Apply the --penguin-skin variable to the background property of the pengiun-top class.');" + "assert(code.match(/.penguin-top\\s*?{[\\s\\S]*background\\s*?:\\s*?var\\s*?\\(\\s*?--penguin-skin\\s*?\\)\\s*?;[\\s\\S]*}[\\s\\S]*.penguin-bottom\\s{/gi), 'Apply the --penguin-skin variable to the background property of the penguin-top class.');" }, { "text": - "Apply the --penguin-skin variable to the background property of the pengiun-bottom class.", + "Apply the --penguin-skin variable to the background property of the penguin-bottom class.", "testString": - "assert(code.match(/.penguin-bottom\\s*?{[\\s\\S]*background\\s*?:\\s*?var\\s*?\\(\\s*?--penguin-skin\\s*?\\)\\s*?;[\\s\\S]*}[\\s\\S]*.right-hand\\s{/gi), 'Apply the --penguin-skin variable to the background property of the pengiun-bottom class.');" + "assert(code.match(/.penguin-bottom\\s*?{[\\s\\S]*background\\s*?:\\s*?var\\s*?\\(\\s*?--penguin-skin\\s*?\\)\\s*?;[\\s\\S]*}[\\s\\S]*.right-hand\\s{/gi), 'Apply the --penguin-skin variable to the background property of the penguin-bottom class.');" }, { "text": @@ -5303,13 +5303,13 @@ "text": "Apply the fallback value of black to the background property of the penguin-top class.", "testString": - "assert(code.match(/.penguin-top\\s*?{[\\s\\S]*background\\s*?:\\s*?var\\(\\s*?--pengiun-skin\\s*?,\\s*?black\\s*?\\)\\s*?;[\\s\\S]*}[\\s\\S]*.penguin-bottom\\s{/gi), 'Apply the fallback value of black to the background property of the penguin-top class.');" + "assert(code.match(/.penguin-top\\s*?{[\\s\\S]*background\\s*?:\\s*?var\\(\\s*?--penguin-skin\\s*?,\\s*?black\\s*?\\)\\s*?;[\\s\\S]*}[\\s\\S]*.penguin-bottom\\s{/gi), 'Apply the fallback value of black to the background property of the penguin-top class.');" }, { "text": "Apply the fallback value of black to the background property of the penguin-bottom class.", "testString": - "assert(code.match(/.penguin-bottom\\s*?{[\\s\\S]*background\\s*?:\\s*?var\\(\\s*?--pengiun-skin\\s*?,\\s*?black\\s*?\\)\\s*?;[\\s\\S]*}/gi), 'Apply the fallback value of black to the background property of the penguin-bottom class.');" + "assert(code.match(/.penguin-bottom\\s*?{[\\s\\S]*background\\s*?:\\s*?var\\(\\s*?--penguin-skin\\s*?,\\s*?black\\s*?\\)\\s*?;[\\s\\S]*}/gi), 'Apply the fallback value of black to the background property of the penguin-bottom class.');" } ], "solutions": [], @@ -5341,7 +5341,7 @@ " left: 25%;", " ", " /* change code below */", - " background: var(--pengiun-skin);", + " background: var(--penguin-skin);", " /* change code above */", " ", " width: 50%;", @@ -5354,7 +5354,7 @@ " left: 23.5%;", " ", " /* change code below */", - " background: var(--pengiun-skin);", + " background: var(--penguin-skin);", " /* change code above */", " ", " width: 53%;", diff --git a/challenges/02-javascript-algorithms-and-data-structures/basic-javascript.json b/challenges/02-javascript-algorithms-and-data-structures/basic-javascript.json index 7068cadb1d..bc7cce4c46 100644 --- a/challenges/02-javascript-algorithms-and-data-structures/basic-javascript.json +++ b/challenges/02-javascript-algorithms-and-data-structures/basic-javascript.json @@ -4106,9 +4106,9 @@ "title": "Practice comparing different values", "description": [ "In the last two challenges, we learned about the equality operator (==) and the strict equality operator (===). Let's do a quick review and practice using these operators some more.", - "If the values being compared are not of the same type, the equality operator will perform a type conversion, and then evaluate the values. However, the strict equalty operator will compare both the data type and value as-is, without converting one type to the other.", + "If the values being compared are not of the same type, the equality operator will perform a type conversion, and then evaluate the values. However, the strict equality operator will compare both the data type and value as-is, without converting one type to the other.", "Examples", - "
3 == '3' // returns true because JavaScript performs type converstion from string to number
3 === '3' // returns false because the types are different and type conversion is not performed
", + "
3 == '3' // returns true because JavaScript performs type conversion from string to number
3 === '3' // returns false because the types are different and type conversion is not performed
", "Note
In JavaScript, you can determine the type of a variable or a value with the typeof operator, as follows:", "
typeof 3 // returns 'number'
typeof '3' // returns 'string'
", "
", diff --git a/challenges/03-front-end-libraries/react.json b/challenges/03-front-end-libraries/react.json index 9426fad8a9..fc65ea08fc 100644 --- a/challenges/03-front-end-libraries/react.json +++ b/challenges/03-front-end-libraries/react.json @@ -3168,10 +3168,10 @@ "title": "Render with an If/Else Condition", "releasedOn": "December 25, 2017", "description": [ - "Another application of using JavaScript to control your rendered view is to tie the elements that are rendered to a condition. When the condition is true, one view renders, when it's false, it's a different view. You can do this with a standard if/else statement in the render() method of a React component.", + "Another application of using JavaScript to control your rendered view is to tie the elements that are rendered to a condition. When the condition is true, one view renders. When it's false, it's a different view. You can do this with a standard if/else statement in the render() method of a React component.", "
", "MyComponent contains a boolean in its state which tracks whether you want to display some element in the UI or not. The button toggles the state of this value. Currently, it renders the same UI every time. Rewrite the render() method with an if/else statement so that if display is true, you return the current markup. Otherwise, return the markup without the h1 element.", - "Note: You must write an if/else to pass the tests, use of the ternary operator will not pass here." + "Note: You must write an if/else to pass the tests. Use of the ternary operator will not pass here." ], "files": { "indexjsx": {