From c7ac59faa4018380fd610a532e438d5863454605 Mon Sep 17 00:00:00 2001 From: Supravisor <153783117+Supravisor@users.noreply.github.com> Date: Tue, 16 Jul 2024 19:43:26 +1200 Subject: [PATCH] chore(curriculum): Authors Page add quotes to strings (#55436) Co-authored-by: Sem Bauke Co-authored-by: Naomi the Technomancer --- .../641da3c6b6fbd742bff6ee40.md | 4 ++-- .../641da42481d90c4314c99e94.md | 2 +- .../641da4b16937be43ba24c63d.md | 2 +- .../641da51a9810e74411262fcc.md | 2 +- .../641da6dcb6e4c9463d54c75b.md | 4 ++-- .../641da7071d0d45467cd59977.md | 4 ++-- .../641da791d0c34a472b8d15b6.md | 6 +++--- .../641da803d9892447d059804e.md | 4 ++-- .../641da836581c254815f785fe.md | 4 ++-- .../641da86294fd9f485d3c2bf0.md | 8 ++++---- .../641da9aceb788e49a73ebcc9.md | 4 ++-- .../641daa5ea050f24a7cade6e6.md | 4 ++-- .../641daa8c2c3e364ac3650b37.md | 4 ++-- .../641daabed8d0584b1150c953.md | 4 ++-- .../641daae5e18eae4b562633e4.md | 6 +++--- .../641dab13c1b6f14b9828e6b1.md | 6 +++--- 16 files changed, 34 insertions(+), 34 deletions(-) diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da3c6b6fbd742bff6ee40.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da3c6b6fbd742bff6ee40.md index b6816a3fd20..d5b4b560c88 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da3c6b6fbd742bff6ee40.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da3c6b6fbd742bff6ee40.md @@ -15,11 +15,11 @@ Here is how you can make a `GET` request with the `fetch()` method: fetch("url-goes-here") ``` -Make a `GET` request to this URL: `https://cdn.freecodecamp.org/curriculum/news-author-page/authors.json`. Don't terminate your code with a semicolon yet. +Make a `GET` request to this URL: `"https://cdn.freecodecamp.org/curriculum/news-author-page/authors.json"`. Don't terminate your code with a semicolon yet. # --hints-- -You should use the `fetch()` method to make a `GET` request to `https://cdn.freecodecamp.org/curriculum/news-author-page/authors.json`. +You should use the `fetch()` method to make a `GET` request to `"https://cdn.freecodecamp.org/curriculum/news-author-page/authors.json"`. ```js assert.match(code, /fetch\(\s*('|"|`)https:\/\/cdn\.freecodecamp\.org\/curriculum\/news\-author\-page\/authors\.json\1\s*\)/) diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da42481d90c4314c99e94.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da42481d90c4314c99e94.md index 1862b54a3b9..e8f7304b417 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da42481d90c4314c99e94.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da42481d90c4314c99e94.md @@ -24,7 +24,7 @@ Again, don't terminate the code with a semicolon yet. # --hints-- -You should use the `fetch()` method to make a `GET` request to `https://cdn.freecodecamp.org/curriculum/news-author-page/authors.json`. +You should use the `fetch()` method to make a `GET` request to `"https://cdn.freecodecamp.org/curriculum/news-author-page/authors.json"`. ```js assert.match(code, /fetch\(\s*('|"|`)https:\/\/cdn\.freecodecamp\.org\/curriculum\/news\-author\-page\/authors\.json\1\s*\)/) diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da4b16937be43ba24c63d.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da4b16937be43ba24c63d.md index fc28ea422b6..ebab324b18c 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da4b16937be43ba24c63d.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da4b16937be43ba24c63d.md @@ -14,7 +14,7 @@ Chain another `.then()` to the existing `.then()` method. This time, pass in `da # --hints-- -You should use the `fetch()` method to make a `GET` request to `https://cdn.freecodecamp.org/curriculum/news-author-page/authors.json`. +You should use the `fetch()` method to make a `GET` request to `"https://cdn.freecodecamp.org/curriculum/news-author-page/authors.json"`. ```js assert.match(code, /fetch\(\s*('|"|`)https:\/\/cdn\.freecodecamp\.org\/curriculum\/news\-author\-page\/authors\.json\1\s*\)/) diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da51a9810e74411262fcc.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da51a9810e74411262fcc.md index 5fd5ba0c608..1d5449e5bac 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da51a9810e74411262fcc.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da51a9810e74411262fcc.md @@ -15,7 +15,7 @@ Chain `.catch()` to the last `.then()`. Pass in a callback function with `err` a # --hints-- -You should use the `fetch()` method to make a `GET` request to `https://cdn.freecodecamp.org/curriculum/news-author-page/authors.json`. +You should use the `fetch()` method to make a `GET` request to `"https://cdn.freecodecamp.org/curriculum/news-author-page/authors.json"`. ```js assert.match(code, /fetch\(\s*('|"|`)https:\/\/cdn\.freecodecamp\.org\/curriculum\/news\-author\-page\/authors\.json\1\s*\)/) diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da6dcb6e4c9463d54c75b.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da6dcb6e4c9463d54c75b.md index 7cc960f030e..af91fd0d783 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da6dcb6e4c9463d54c75b.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da6dcb6e4c9463d54c75b.md @@ -9,11 +9,11 @@ dashedName: step-12 Inside the template literal, create a `div` element with the `id` set to the `index` from the `.forEach()` array method. Remember to use template interpolation to do this. -Also, add a `class` of `user-card` to the `div`. +Also, add a `class` of `"user-card"` to the `div`. # --hints-- -You should create a `div` element with the class `user-card`. +You should create a `div` element with the class `"user-card"`. ```js displayAuthors([{author: "Kolade"}]); diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da7071d0d45467cd59977.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da7071d0d45467cd59977.md index 6d78055c771..b575baaf1e5 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da7071d0d45467cd59977.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da7071d0d45467cd59977.md @@ -9,7 +9,7 @@ dashedName: step-13 Now you need to show some information about the author. First, show the author's name. -Create an `h2` tag with the `class` `author-name`. Then, interpolate `author` inside the `h2` tag. This is the author's name. +Create an `h2` tag with the `class` `"author-name"`. Then, interpolate `author` inside the `h2` tag. This is the author's name. # --hints-- @@ -21,7 +21,7 @@ displayAuthors([{author: "Kolade"}]); assert.exists(document.querySelector('#author-container > div > h2')); ``` -Your `h2` element should have a class set to `author-name` +Your `h2` element should have a class set to `"author-name"` ```js displayAuthors([{name: "Jane", height: 12}]) diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da791d0c34a472b8d15b6.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da791d0c34a472b8d15b6.md index 88167fa9ad4..2ef2d866bee 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da791d0c34a472b8d15b6.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da791d0c34a472b8d15b6.md @@ -9,7 +9,7 @@ dashedName: step-15 Now `authorDataArr` is the same as the `data` you logged to the console a while ago. Log `authorDataArr` to the console to confirm this. -Inside your `console.log()` statement, add the text `Author Data Array:` as the first argument and `authorDataArr` as the second argument. Use comma to separate the text from `authorDataArr`. +Inside your `console.log()` statement, add the text `"Author Data Array:"` as the first argument and `authorDataArr` as the second argument. Use comma to separate the text from `authorDataArr`. # --hints-- @@ -19,13 +19,13 @@ You should assign `data` to the `authorDataArr` variable assert.match(code, /authorDataArr\s*=\s*data\s*;?/) ``` -You should have a console log with the text `Author Data Array:`. +You should have a console log with the text `"Author Data Array:"`. ```js assert.match(code, /console\.log\(\s*("|'|`)Author\s+Data\s+Array:\s*\1/) ``` -You should use comma to separate your `Author Data Array:` text and `authorDataArr`. +You should use comma to separate your `"Author Data Array:"` text and `authorDataArr`. ```js assert.match(code, /console\.log\(\s*("|'|`)Author\s+Data\s+Array:\s*\1\s*,/) diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da803d9892447d059804e.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da803d9892447d059804e.md index 4b7cad7706d..e2f9a397fbc 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da803d9892447d059804e.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da803d9892447d059804e.md @@ -7,7 +7,7 @@ dashedName: step-17 # --description-- -Now create an image tag and give it the `class` `user-img`. Use template interpolation to set the `src` attribute to `image` you destructured earlier. Set the `alt` attribute to `author` followed by the text `avatar`. Make sure there is a space between the `author` variable and the word `avatar`, for example, `Quincy Larson avatar`. +Now create an image tag and give it the `class` `"user-img"`. Use template interpolation to set the `src` attribute to `image` you destructured earlier. Set the `alt` attribute to `author` followed by the text `"avatar"`. Make sure there is a space between the `author` variable and the word `"avatar"`, for example, `"Quincy Larson avatar"`. # --hints-- @@ -29,7 +29,7 @@ const retryingTest = (test, message, tries = 20) => { () => retryingTest(() => document.querySelector('img'), "'img' element not found"); ``` -Your `img` element should have the class `user-img`. +Your `img` element should have the class `"user-img"`. ```js assert.include(document.querySelector('img')?.className, "user-img"); diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da836581c254815f785fe.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da836581c254815f785fe.md index 1eef6b31025..db6e909eb05 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da836581c254815f785fe.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da836581c254815f785fe.md @@ -9,7 +9,7 @@ dashedName: step-18 The next thing you'll show are biographical details about the author. You can do this with `bio` that you destructured earlier. -Add a paragraph element with the `class` `bio`, then interpolate `bio` inside the paragraph element. +Add a paragraph element with the `class` `"bio"`, then interpolate `bio` inside the paragraph element. # --hints-- @@ -20,7 +20,7 @@ You should create a `p` element. assert.exists(document.querySelector('p')); ``` -Your `p` element should have the class `bio` +Your `p` element should have the class `"bio"` ```js assert.include(document.querySelector('p')?.className, 'bio'); diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da86294fd9f485d3c2bf0.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da86294fd9f485d3c2bf0.md index 23b4f49ddb7..342f7bbd10d 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da86294fd9f485d3c2bf0.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da86294fd9f485d3c2bf0.md @@ -9,7 +9,7 @@ dashedName: step-19 Next, add a link to the author's page on freeCodeCamp News. -Add an anchor element with the `class` `author-link`, interpolate `url` as the value for the `href` attribute, and set `target` to `_blank`. For the text of the anchor element, interpolate `author` followed by the text `'s author page`. For example, `Quincy Larson's author page`. +Add an anchor element with the `class` `"author-link"`, interpolate `url` as the value for the `href` attribute, and set `target` to `"_blank"`. For the text of the anchor element, interpolate `author` followed by the text `"'s author page"`. For example, `"Quincy Larson's author page"`. # --hints-- @@ -19,7 +19,7 @@ You should create an anchor element. assert.exists(document.querySelector('a')); ``` -Your anchor element should have the class `author-link`. +Your anchor element should have the class `"author-link"`. ```js assert.include(document.querySelector('a')?.className, "author-link"); @@ -31,13 +31,13 @@ You should interpolate `url` as the value of your anchor's `href` attribute. assert.equal(document.querySelector('a')?.getAttribute('href'), authorDataArr[0].url); ``` -You should set the `target` attribute of your anchor element to `_blank`. +You should set the `target` attribute of your anchor element to `"_blank"`. ```js assert.equal(document.querySelector('a')?.getAttribute('target'), '_blank'); ``` -You should interpolate `author` followed by the text `'s author page` inside your anchor element. +You should interpolate `author` followed by the text `"'s author page"` inside your anchor element. ```js assert.equal(document.querySelector('a')?.textContent.trim(), `${authorDataArr[0].author}'s author page`); diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da9aceb788e49a73ebcc9.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da9aceb788e49a73ebcc9.md index a80400b7544..9a70f705e76 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da9aceb788e49a73ebcc9.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da9aceb788e49a73ebcc9.md @@ -9,7 +9,7 @@ dashedName: step-23 Remember that in step 1 you selected the `Load More Authors` button and assigned it to `loadMoreBtn`. -Use `addEventListener` to add a `click` event listener to `loadMoreBtn`. Also, pass in a reference to the `fetchMoreAuthors` function to run whenever the button is clicked. +Use `addEventListener` to add a `"click"` event listener to `loadMoreBtn`. Also, pass in a reference to the `fetchMoreAuthors` function to run whenever the button is clicked. After that, when you click the button you should see 8 more authors. @@ -21,7 +21,7 @@ You should call the `addEventListener()` method on your `loadMoreBtn` variable. assert.match(code, /loadMoreBtn\.addEventListener\(/) ``` -Your event listener should listen for a `click` event. +Your event listener should listen for a `"click"` event. ```js assert.match(code, /loadMoreBtn\.addEventListener\(\s*('|"|`)click\1/) diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641daa5ea050f24a7cade6e6.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641daa5ea050f24a7cade6e6.md index 189269d1e2d..38b38aa02ec 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641daa5ea050f24a7cade6e6.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641daa5ea050f24a7cade6e6.md @@ -7,7 +7,7 @@ dashedName: step-25 # --description-- -If this condition is met, disable the button by setting its `disabled` property to `true`. Also, set the `textContent` of the button to `No more data to load`. +If this condition is met, disable the button by setting its `disabled` property to `true`. Also, set the `textContent` of the button to `"No more data to load"`. # --hints-- @@ -17,7 +17,7 @@ You should set the `disabled` property of `loadMoreBtn` to `true`. assert.match(code, /loadMoreBtn\.disabled\s*=\s*true\s*;?/) ``` -You should set the `textContent` of `loadMoreBtn` to `No more data to load`. +You should set the `textContent` of `loadMoreBtn` to `"No more data to load"`. ```js assert.match(code, /loadMoreBtn\.textContent\s*=\s*('|"|`)No\s+more\s+data\s+to\s+load\1\s*;?/) diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641daa8c2c3e364ac3650b37.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641daa8c2c3e364ac3650b37.md index 38f333fedc5..336bb35c330 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641daa8c2c3e364ac3650b37.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641daa8c2c3e364ac3650b37.md @@ -9,7 +9,7 @@ dashedName: step-26 Next, there's not a lot of separation between each author's name and image, and the rest of the details on the card. A divider will give the author cards a clear visual hierarchy. -Add a `div` element above the author's bio and give it the `class` `purple-divider`. +Add a `div` element above the author's bio and give it the `class` `"purple-divider"`. # --hints-- @@ -19,7 +19,7 @@ You should create a `div` element before your `p` element. assert.equal(document.querySelector('p')?.previousElementSibling?.tagName, 'DIV'); ``` -Your `div` element should have the `class` set to `purple-divider`. +Your `div` element should have the `class` set to `"purple-divider"`. ```js assert.include(document.querySelector('p')?.previousElementSibling?.className, 'purple-divider'); diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641daabed8d0584b1150c953.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641daabed8d0584b1150c953.md index d4c944d31db..1ee8ba8decc 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641daabed8d0584b1150c953.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641daabed8d0584b1150c953.md @@ -7,7 +7,7 @@ dashedName: step-27 # --description-- -Some of the author bios are much longer than others. To give the cards a uniform look, you can extract the first 50 characters of each one and replace the rest with an ellipsis (...). Otherwise, you can show the entire bio. +Some of the author bios are much longer than others. To give the cards a uniform look, you can extract the first 50 characters of each one and replace the rest with an ellipsis `("...")`. Otherwise, you can show the entire bio. Within the paragraph element, replace `bio` with a ternary operator. For the condition, check if the length of `bio` is greater than 50. If it is, use the `.slice()` method to extract the first 50 characters of `bio` and add an ellipsis at the end. Otherwise, show the full `bio`. @@ -31,7 +31,7 @@ You should check if the length of the `bio` text is greater than `50`. assert.match(code, /\s*\$\{\s*bio\.length\s*>\s*50/) ``` -If the `bio` text is greater than `50` characters, you should extract the first 50 characters with `slice()` and replace the rest with `...`. Don't forget that indexes are zero-based. +If the `bio` text is greater than `50` characters, you should extract the first 50 characters with `slice()` and replace the rest with `"..."`. Don't forget that indexes are zero-based. ```js assert.match(code, /\s*\$\{\s*bio\.length\s*>\s*50\s*\?\s*(?:bio\.slice\(\s*0\s*,\s*50\s*\)\s*\+\s*("|')\.\.\.\2|`\$\{\s*bio\.slice\(\s*0\s*,\s*50\s*\)\s*\}\.\.\.`)\s*:/); diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641daae5e18eae4b562633e4.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641daae5e18eae4b562633e4.md index cafd22fe71c..ec73d564637 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641daae5e18eae4b562633e4.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641daae5e18eae4b562633e4.md @@ -9,7 +9,7 @@ dashedName: step-28 Finally, what if there's an error and the author data fail to load? Then we need to show an error in the UI. That's exactly what the `.catch()` method is for – handling errors. -Inside the `.catch()`, remove the `console.error()` and set the `innerHTML` of the `authorContainer` to a `p` element with the `class` `error-msg` and text `There was an error loading the authors`. +Inside the `.catch()`, remove the `console.error()` and set the `innerHTML` of the `authorContainer` to a `p` element with the `class` `"error-msg"` and text `"There was an error loading the authors"`. # --hints-- @@ -26,13 +26,13 @@ You should access the `innerHTML` of `authorContainer` and set it to a `p` eleme assert.match(code, /authorContainer\.innerHTML\s*=\s*(`|"|')\s*.*<\/p>\s*\1/) ``` -Your `p` element should have the class `error-msg`. +Your `p` element should have the class `"error-msg"`. ```js assert.match(code, /(`|"|')\s*/) ``` -Your `p` element should have the text `There was an error loading the authors`. +Your `p` element should have the text `"There was an error loading the authors"`. ```js assert.match(code, /(`|"|')There\s+was\s+an\s+error\s+loading\s+the\s+authors<\/p>\s*\1\s*;?/) diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641dab13c1b6f14b9828e6b1.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641dab13c1b6f14b9828e6b1.md index 6494e0f4fe3..eedcda11086 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641dab13c1b6f14b9828e6b1.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641dab13c1b6f14b9828e6b1.md @@ -7,9 +7,9 @@ dashedName: step-29 # --description-- -One more thing. If you keep clicking the `Load More Authors` button until there's no more data to load and the text changes to `No more data to load`, the cursor value is still `pointer`. Why not change the cursor value to `not-allowed` instead? +One more thing. If you keep clicking the `Load More Authors` button until there's no more data to load and the text changes to `"No more data to load"`, the cursor value is still `pointer`. Why not change the cursor value to `not-allowed` instead? -Access the `style` property of the `Load More Authors` button and set `cursor` to `not-allowed`. +Access the `style` property of the `Load More Authors` button and set `cursor` to `"not-allowed"`. With that, your author page is complete! @@ -27,7 +27,7 @@ You should access `cursor` from the `style` property with dot notation. assert.match(code, /loadMoreBtn\.style\.cursor/) ``` -You should set the value of the `cursor` property to `not-allowed`. +You should set the value of the `cursor` property to `"not-allowed"`. ```js assert.match(code, /loadMoreBtn\.style\.cursor\s*=\s*('|"|`)not\-allowed\1\s*;?/)