diff --git a/curriculum/challenges/_meta/workshop-cat-photo-app/meta.json b/curriculum/challenges/_meta/workshop-cat-photo-app/meta.json index a519c35c9dd..d5f5eb18456 100644 --- a/curriculum/challenges/_meta/workshop-cat-photo-app/meta.json +++ b/curriculum/challenges/_meta/workshop-cat-photo-app/meta.json @@ -10,164 +10,172 @@ "superBlock": "front-end-development", "challengeOrder": [ { - "id": "66731cd027ef3acb155669f5", + "id": "5dc174fcf86c76b9248c6eb2", "title": "Step 1" }, { - "id": "6690b9626a66f51257ae5a91", + "id": "5dc1798ff86c76b9248c6eb3", "title": "Step 2" }, { - "id": "6690b9a24f5b0f1300040c76", + "id": "5dc17d3bf86c76b9248c6eb4", "title": "Step 3" }, { - "id": "6690ba16cf76f613b4e36197", + "id": "5dc17dc8f86c76b9248c6eb5", "title": "Step 4" }, { - "id": "6690bb0b4062b114997f708a", + "id": "5dc2385ff86c76b9248c6eb7", "title": "Step 5" }, { - "id": "6690bd5ad96139157eedf697", + "id": "5dc23991f86c76b9248c6eb8", "title": "Step 6" }, { - "id": "6690be42942f421648b119eb", + "id": "5dc23f9bf86c76b9248c6eba", "title": "Step 7" }, { - "id": "6690be902f051416f668962b", + "id": "5dc24073f86c76b9248c6ebb", "title": "Step 8" }, { - "id": "6690bebfd5c918179ea4fd3a", + "id": "5dc24165f86c76b9248c6ebc", "title": "Step 9" }, { - "id": "6690beec809b4f184cab6914", + "id": "5dc24614f86c76b9248c6ebd", "title": "Step 10" }, { - "id": "669840900adeba35e4ebb917", + "id": "5ddbd81294d8ddc1510a8e56", "title": "Step 11" }, { - "id": "669840c70aea8936930dba35", + "id": "671b6e873249bb35c9debfcf", "title": "Step 12" }, { - "id": "6698410269ace0373ec812b6", + "id": "671141f948cbab359e74cc93", "title": "Step 13" }, { - "id": "6698417821794837f14ca275", + "id": "671141feba228a35cefba82d", "title": "Step 14" }, { - "id": "6698419d8f52cf3891f34853", + "id": "5dfa2407b521be39a3de7be1", "title": "Step 15" }, { - "id": "66984218720e29393b1adad2", + "id": "671144cdcc01d73f7dd79dc9", "title": "Step 16" }, { - "id": "6698429ba5761b39f8aad814", + "id": "5dfa30b9eacea3f48c6300ad", "title": "Step 17" }, { - "id": "669842cee55b683aa13ee758", + "id": "5f07be6ef7412fbad0c5626b", "title": "Step 18" }, { - "id": "669842f261665d3b4a42df81", + "id": "5f07c98cdb9413cbd4b16750", "title": "Step 19" }, { - "id": "66984330a510e63bf0787898", + "id": "5dfa3589eacea3f48c6300ae", "title": "Step 20" }, { - "id": "6698440c54c8823cc60af8bc", + "id": "5dfa371beacea3f48c6300af", "title": "Step 21" }, { - "id": "6698444102ebd53d78cf66f8", + "id": "5dfa37b9eacea3f48c6300b0", "title": "Step 22" }, { - "id": "66984484deb84b3e21e5b3d7", + "id": "5dfb5ecbeacea3f48c6300b1", "title": "Step 23" }, { - "id": "66984535d474083eec6bb8da", + "id": "5dfb6250eacea3f48c6300b2", "title": "Step 24" }, { - "id": "6698457295f6403fa49050b8", + "id": "5dfb655eeacea3f48c6300b3", "title": "Step 25" }, { - "id": "6698458e123b4f403936994d", + "id": "5dfb6a35eacea3f48c6300b4", "title": "Step 26" }, { - "id": "669845af34899240d9196258", + "id": "5ef9b03c81a63668521804d0", "title": "Step 27" }, { - "id": "66984881117baa41da8bbde0", + "id": "5ef9b03c81a63668521804d1", "title": "Step 28" }, { - "id": "669848cd668e7242872f4861", + "id": "5ef9b03c81a63668521804d2", "title": "Step 29" }, { - "id": "66984905e95af5432faa28b1", + "id": "5ef9b03c81a63668521804d3", "title": "Step 30" }, { - "id": "6698491eff5f2e43c20c6503", + "id": "5efada803cbd2bbdab94e332", "title": "Step 31" }, { - "id": "6698496716e821448ba724a6", + "id": "5efae0543cbd2bbdab94e333", "title": "Step 32" }, { - "id": "66984e0cb4febb50c3794edf", + "id": "5efae16e3cbd2bbdab94e334", "title": "Step 33" }, { - "id": "66984e8ab54bee517207be42", + "id": "5ef9b03c81a63668521804d4", "title": "Step 34" }, { - "id": "66984ec64a3652522e81c678", + "id": "5ef9b03c81a63668521804e7", "title": "Step 35" }, { - "id": "66984eef66cc1752d93b53f5", + "id": "5ef9b03c81a63668521804e8", "title": "Step 36" }, { - "id": "66984fe8efbd8c53a78c9b62", + "id": "5ef9b03c81a63668521804e9", "title": "Step 37" }, { - "id": "66985068aeb06e54562df39e", + "id": "5ef9b03c81a63668521804ea", "title": "Step 38" }, { - "id": "669850ce0ccf395511ff4254", + "id": "5ef9b03c81a63668521804eb", "title": "Step 39" }, { - "id": "6698510677b5e655ba8c1017", + "id": "5ef9b03c81a63668521804ec", "title": "Step 40" + }, + { + "id": "5ef9b03c81a63668521804ee", + "title": "Step 41" + }, + { + "id": "62bb4009e3458a128ff57d5d", + "title": "Step 42" } ], "helpCategory": "HTML-CSS" diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66731cd027ef3acb155669f5.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc174fcf86c76b9248c6eb2.md similarity index 98% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66731cd027ef3acb155669f5.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc174fcf86c76b9248c6eb2.md index c2fe2795f94..8308856af4b 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66731cd027ef3acb155669f5.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc174fcf86c76b9248c6eb2.md @@ -1,5 +1,5 @@ --- -id: 66731cd027ef3acb155669f5 +id: 5dc174fcf86c76b9248c6eb2 title: Step 1 challengeType: 0 dashedName: step-1 diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690b9626a66f51257ae5a91.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc1798ff86c76b9248c6eb3.md similarity index 98% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690b9626a66f51257ae5a91.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc1798ff86c76b9248c6eb3.md index 5bb42889b8b..01a590db759 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690b9626a66f51257ae5a91.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc1798ff86c76b9248c6eb3.md @@ -1,5 +1,5 @@ --- -id: 6690b9626a66f51257ae5a91 +id: 5dc1798ff86c76b9248c6eb3 title: Step 2 challengeType: 0 dashedName: step-2 diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690b9a24f5b0f1300040c76.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc17d3bf86c76b9248c6eb4.md similarity index 80% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690b9a24f5b0f1300040c76.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc17d3bf86c76b9248c6eb4.md index a7e55eaf257..fe823a41e76 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690b9a24f5b0f1300040c76.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc17d3bf86c76b9248c6eb4.md @@ -1,5 +1,5 @@ --- -id: 6690b9a24f5b0f1300040c76 +id: 5dc17d3bf86c76b9248c6eb4 title: Step 3 challengeType: 0 dashedName: step-3 @@ -9,7 +9,7 @@ dashedName: step-3 The `p` element is used to create a paragraph of text on websites. Create a `p` element below your `h2` element and give it the following text: -`See more cat photos in our gallery.` +`Everyone loves cute cats online!` # --hints-- @@ -25,13 +25,13 @@ Your `p` element should have a closing tag. Closing tags have a `/` just after t assert.match(code, /<\/p\>/); ``` -Your `p` element's text should be `See more cat photos in our gallery.` You have either omitted the text or have a typo. +Your `p` element's text should be `Everyone loves cute cats online!` You have either omitted the text or have a typo. ```js const extraSpacesRemoved = document .querySelector('p') .innerText.replace(/\s+/g, ' '); -assert.match(extraSpacesRemoved, /see more cat photos in our gallery\.?$/i); +assert.match(extraSpacesRemoved, /everyone loves cute cats online!$/i); ``` Your `p` element should be below the `h2` element. You have them in the wrong order. diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690ba16cf76f613b4e36197.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md similarity index 90% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690ba16cf76f613b4e36197.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md index 23428db518f..77e69a86ad9 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690ba16cf76f613b4e36197.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md @@ -1,5 +1,5 @@ --- -id: 6690ba16cf76f613b4e36197 +id: 5dc17dc8f86c76b9248c6eb5 title: Step 4 challengeType: 0 dashedName: step-4 @@ -53,7 +53,7 @@ Your comment should be above the `p` element. You have them in the wrong order. assert.match( code .replace(/\s/g, ''), - /

seemorecatphotosinourgallery\.?<\/p>/i + /

everyonelovescutecatsonline!<\/p>/i ); ``` @@ -68,11 +68,9 @@ assert.match(

Cat Photos

--fcc-editable-region-- -

See more cat photos in our gallery.

+

Everyone loves cute cats online!

--fcc-editable-region-- ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690bb0b4062b114997f708a.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc2385ff86c76b9248c6eb7.md similarity index 92% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690bb0b4062b114997f708a.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc2385ff86c76b9248c6eb7.md index 0ab6e3f3bd9..e237171e8c7 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690bb0b4062b114997f708a.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc2385ff86c76b9248c6eb7.md @@ -1,5 +1,5 @@ --- -id: 6690bb0b4062b114997f708a +id: 5dc2385ff86c76b9248c6eb7 title: Step 5 challengeType: 0 dashedName: step-5 @@ -56,7 +56,7 @@ Your `main` element's closing tag should be below the `p` element. You have them const mainNode = document.querySelector('main'); const pNode = document.querySelector('p'); assert.isTrue(mainNode.contains(pNode)); -assert.match(pNode.textContent.toLowerCase(), /see more cat photos in our gallery/); +assert.match(pNode.textContent.toLowerCase(), /everyone loves cute cats online/); ``` # --seed-- @@ -71,7 +71,7 @@ assert.match(pNode.textContent.toLowerCase(), /see more cat photos in our galler

CatPhotoApp

Cat Photos

-

See more cat photos in our gallery.

+

Everyone loves cute cats online!

--fcc-editable-region-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690bd5ad96139157eedf697.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc23991f86c76b9248c6eb8.md similarity index 91% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690bd5ad96139157eedf697.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc23991f86c76b9248c6eb8.md index e68270e09d5..641fe0d0dc4 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690bd5ad96139157eedf697.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc23991f86c76b9248c6eb8.md @@ -1,5 +1,5 @@ --- -id: 6690bd5ad96139157eedf697 +id: 5dc23991f86c76b9248c6eb8 title: Step 6 challengeType: 0 dashedName: step-6 @@ -71,14 +71,14 @@ Your code should have a `p` element. You have removed the `p` element from an ea assert.exists(document.querySelector('p')); ``` -The text of the `p` element should be `See more cat photos in our gallery.` Do not change the text, spacing, or punctuation of the `p` element. +The text of the `p` element should be `Everyone loves cute cats online!` Do not change the text, spacing, or punctuation of the `p` element. ```js assert.match( document .querySelector('p') .innerText.toLowerCase(), - /see\s+more\s+cat\s+photos\s+in\s+our\s+gallery\.?$/ + /everyone\s+loves\s+cute\s+cats\s+online!$/ ); ``` @@ -100,11 +100,9 @@ assert.match(code.toLowerCase(), /-->\s*\n\s{6}

/);

CatPhotoApp

Cat Photos

-

See more cat photos in our gallery.

+

Everyone loves cute cats online!

--fcc-editable-region-- ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690be42942f421648b119eb.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc23f9bf86c76b9248c6eba.md similarity index 94% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690be42942f421648b119eb.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc23f9bf86c76b9248c6eba.md index 1172c772334..1df83eede51 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690be42942f421648b119eb.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc23f9bf86c76b9248c6eba.md @@ -1,5 +1,5 @@ --- -id: 6690be42942f421648b119eb +id: 5dc23f9bf86c76b9248c6eba title: Step 7 challengeType: 0 dashedName: step-7 @@ -52,12 +52,10 @@ assert.isBelow(collection.indexOf('P'), collection.indexOf('IMG'));

Cat Photos

--fcc-editable-region-- -

See more cat photos in our gallery.

+

Everyone loves cute cats online!

--fcc-editable-region-- ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690be902f051416f668962b.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc24073f86c76b9248c6ebb.md similarity index 96% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690be902f051416f668962b.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc24073f86c76b9248c6ebb.md index adb4adc75ed..003cdad2013 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690be902f051416f668962b.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc24073f86c76b9248c6ebb.md @@ -1,5 +1,5 @@ --- -id: 6690be902f051416f668962b +id: 5dc24073f86c76b9248c6ebb title: Step 8 challengeType: 0 dashedName: step-8 @@ -62,7 +62,7 @@ assert.match(code, /CatPhotoApp

Cat Photos

-

See more cat photos in our gallery.

+

Everyone loves cute cats online!

--fcc-editable-region-- --fcc-editable-region-- @@ -70,5 +70,3 @@ assert.match(code, / ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690bebfd5c918179ea4fd3a.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc24165f86c76b9248c6ebc.md similarity index 95% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690bebfd5c918179ea4fd3a.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc24165f86c76b9248c6ebc.md index 7754588542a..94bbe0307a1 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690bebfd5c918179ea4fd3a.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc24165f86c76b9248c6ebc.md @@ -1,5 +1,5 @@ --- -id: 6690bebfd5c918179ea4fd3a +id: 5dc24165f86c76b9248c6ebc title: Step 9 challengeType: 0 dashedName: step-9 @@ -54,7 +54,7 @@ assert.match(altText, /A cute orange cat lying on its back\.?$/i);

CatPhotoApp

Cat Photos

-

See more cat photos in our gallery.

+

Everyone loves cute cats online!

--fcc-editable-region-- --fcc-editable-region-- @@ -62,5 +62,3 @@ assert.match(altText, /A cute orange cat lying on its back\.?$/i); ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690beec809b4f184cab6914.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc24614f86c76b9248c6ebd.md similarity index 96% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690beec809b4f184cab6914.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc24614f86c76b9248c6ebd.md index d3a7de9a476..9e2e908fec4 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6690beec809b4f184cab6914.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dc24614f86c76b9248c6ebd.md @@ -1,5 +1,5 @@ --- -id: 6690beec809b4f184cab6914 +id: 5dc24614f86c76b9248c6ebd title: Step 10 challengeType: 0 dashedName: step-10 @@ -75,7 +75,7 @@ assert.notMatch(

Cat Photos

--fcc-editable-region-- -

See more cat photos in our gallery.

+

Everyone loves cute cats online!

--fcc-editable-region-- A cute orange cat lying on its back. @@ -83,5 +83,3 @@ assert.notMatch( ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/669840900adeba35e4ebb917.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ddbd81294d8ddc1510a8e56.md similarity index 76% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/669840900adeba35e4ebb917.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ddbd81294d8ddc1510a8e56.md index 5b6ab5432a4..8c9003a0b95 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/669840900adeba35e4ebb917.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ddbd81294d8ddc1510a8e56.md @@ -1,5 +1,5 @@ --- -id: 669840900adeba35e4ebb917 +id: 5ddbd81294d8ddc1510a8e56 title: Step 11 challengeType: 0 dashedName: step-11 @@ -15,7 +15,7 @@ Here is an example of a link with the text `click here to go to freeCodeCamp.org click here to go to freeCodeCamp.org ``` -Add the anchor text `link to cat pictures` to the anchor element. This will become the link's text. +Add the anchor text `cat photos` to the anchor element. This will become the link's text. # --hints-- @@ -31,12 +31,12 @@ Your anchor (`a`) element should have a closing tag. Closing tags have a `/` jus assert.match(code, /<\/a\>/); ``` -Your anchor (`a`) element's text should be `link to cat pictures`. Make sure to put the link text between the anchor (`a`) element's opening tag and closing tag. +Your anchor (`a`) element's text should be `cat photos`. Make sure to put the link text between the anchor (`a`) element's opening tag and closing tag. ```js assert.equal( document.querySelector('a').innerText.toLowerCase().replace(/\s+/g, ' '), - 'link to cat pictures' + 'cat photos' ); ``` @@ -51,7 +51,7 @@ assert.equal(

CatPhotoApp

Cat Photos

-

See more cat photos in our gallery.

+

Everyone loves cute cats online!

--fcc-editable-region-- --fcc-editable-region-- @@ -60,5 +60,3 @@ assert.equal( ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698417821794837f14ca275.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfa2407b521be39a3de7be1.md similarity index 80% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698417821794837f14ca275.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfa2407b521be39a3de7be1.md index e7d3efb0b47..09ec8c1e825 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698417821794837f14ca275.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfa2407b521be39a3de7be1.md @@ -1,8 +1,8 @@ --- -id: 6698417821794837f14ca275 -title: Step 14 +id: 5dfa2407b521be39a3de7be1 +title: Step 15 challengeType: 0 -dashedName: step-14 +dashedName: step-15 --- # --description-- @@ -24,7 +24,7 @@ Add a `target` attribute with the value `_blank` to the anchor (`a`) element's o Your `p` element should have a nested anchor (`a`) element with the text `cat photos`. You may have deleted it or have a typo. ```js -const anchor = document.querySelector('p > a'); +const anchor = document.querySelectorAll('p > a')[1]; assert.equal( anchor?.innerText?.toLowerCase().replace(/\s+/g, ' '), 'cat photos' ); @@ -33,13 +33,13 @@ assert.equal( Your anchor (`a`) element does not have a `target` attribute. Check that there is a space after the opening tag's name and/or there are spaces before all attribute names. ```js -assert.isTrue(document.querySelector('a').hasAttribute('target')); +assert.isTrue(document.querySelectorAll('a')[1].hasAttribute('target')); ``` The value of the `target` attribute should be `_blank`. You have either omitted the value or have a typo. Remember that attribute values should be surrounded with quotation marks. ```js -assert.equal(document.querySelector('a').getAttribute('target'), '_blank'); +assert.equal(document.querySelectorAll('a')[1].getAttribute('target'), '_blank'); ``` # --seed-- @@ -53,6 +53,7 @@ assert.equal(document.querySelector('a').getAttribute('target'), '_blank');

CatPhotoApp

Cat Photos

+

Everyone loves cute cats online!

--fcc-editable-region--

See more cat photos in our gallery.

--fcc-editable-region-- @@ -61,5 +62,3 @@ assert.equal(document.querySelector('a').getAttribute('target'), '_blank'); ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698419d8f52cf3891f34853.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfa30b9eacea3f48c6300ad.md similarity index 81% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698419d8f52cf3891f34853.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfa30b9eacea3f48c6300ad.md index 459b6b6d046..b58329d98a5 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698419d8f52cf3891f34853.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfa30b9eacea3f48c6300ad.md @@ -1,8 +1,8 @@ --- -id: 6698419d8f52cf3891f34853 -title: Step 15 +id: 5dfa30b9eacea3f48c6300ad +title: Step 17 challengeType: 0 -dashedName: step-15 +dashedName: step-17 --- # --description-- @@ -33,38 +33,38 @@ assert.equal( Your anchor (`a`) element should have an opening tag. Opening tags have this syntax: ``. ```js -assert.isAtLeast(document.querySelectorAll('a').length, 2); +assert.isAtLeast(document.querySelectorAll('a').length, 3); ``` You are missing a closing (`a`) tag after the image. ```js -assert.lengthOf(document.querySelectorAll('a'), 2); +assert.lengthOf(document.querySelectorAll('a'), 3); ``` Your anchor (`a`) element should have a closing tag. Closing tags have a `/` just after the `<` character. ```js -assert.isAtLeast(code.match(/<\/a>/g).length, 2); +assert.isAtLeast(code.match(/<\/a>/g).length, 3); ``` You should only add one closing anchor (`a`) tag. Please remove any extras. ```js -assert.lengthOf(code.match(/<\/a>/g), 2); +assert.lengthOf(code.match(/<\/a>/g), 3); ``` Your anchor (`a`) element does not have an `href` attribute. Check that there is a space after the opening tag's name and/or there are spaces before all attribute names. ```js -assert.isTrue(document.querySelector('a').hasAttribute('href')); +assert.isTrue(document.querySelectorAll('a')[2].hasAttribute('href')); ``` Your anchor (`a`) element should link to `https://freecatphotoapp.com`. You have either omitted the URL or have a typo. ```js assert.equal( - document.querySelectorAll('a')[1].getAttribute('href'), + document.querySelectorAll('a')[2].getAttribute('href'), 'https://freecatphotoapp.com' ); ``` @@ -85,7 +85,7 @@ assert.equal(document.querySelector('img').parentNode.nodeName, 'A');

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

--fcc-editable-region-- A cute orange cat lying on its back. @@ -94,5 +94,3 @@ assert.equal(document.querySelector('img').parentNode.nodeName, 'A'); ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/669842cee55b683aa13ee758.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfa3589eacea3f48c6300ae.md similarity index 89% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/669842cee55b683aa13ee758.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfa3589eacea3f48c6300ae.md index dc5e98fc8b0..7aa160a819c 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/669842cee55b683aa13ee758.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfa3589eacea3f48c6300ae.md @@ -1,8 +1,8 @@ --- -id: 669842cee55b683aa13ee758 -title: Step 18 +id: 5dfa3589eacea3f48c6300ae +title: Step 20 challengeType: 0 -dashedName: step-18 +dashedName: step-20 --- # --description-- @@ -58,7 +58,7 @@ assert.equal(

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -71,5 +71,3 @@ assert.equal( ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/669842f261665d3b4a42df81.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfa371beacea3f48c6300af.md similarity index 91% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/669842f261665d3b4a42df81.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfa371beacea3f48c6300af.md index 539dab39624..ae150c2067a 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/669842f261665d3b4a42df81.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfa371beacea3f48c6300af.md @@ -1,8 +1,8 @@ --- -id: 669842f261665d3b4a42df81 -title: Step 19 +id: 5dfa371beacea3f48c6300af +title: Step 21 challengeType: 0 -dashedName: step-19 +dashedName: step-21 --- # --description-- @@ -66,7 +66,7 @@ assert.equal(

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -80,5 +80,3 @@ assert.equal( ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984330a510e63bf0787898.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfa37b9eacea3f48c6300b0.md similarity index 87% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984330a510e63bf0787898.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfa37b9eacea3f48c6300b0.md index a70a7d5a54a..7959a59f870 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984330a510e63bf0787898.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfa37b9eacea3f48c6300b0.md @@ -1,8 +1,8 @@ --- -id: 66984330a510e63bf0787898 -title: Step 20 +id: 5dfa37b9eacea3f48c6300b0 +title: Step 22 challengeType: 0 -dashedName: step-20 +dashedName: step-22 --- # --description-- @@ -43,7 +43,7 @@ assert.equal(secondSectionLastElemNode.nodeName, 'UL');

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -58,5 +58,3 @@ assert.equal(secondSectionLastElemNode.nodeName, 'UL'); ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698440c54c8823cc60af8bc.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfb5ecbeacea3f48c6300b1.md similarity index 90% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698440c54c8823cc60af8bc.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfb5ecbeacea3f48c6300b1.md index d129abd4b65..b60011ddab5 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698440c54c8823cc60af8bc.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfb5ecbeacea3f48c6300b1.md @@ -1,8 +1,8 @@ --- -id: 6698440c54c8823cc60af8bc -title: Step 21 +id: 5dfb5ecbeacea3f48c6300b1 +title: Step 23 challengeType: 0 -dashedName: step-21 +dashedName: step-23 --- # --description-- @@ -65,7 +65,7 @@ assert.lengthOf(

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -82,5 +82,3 @@ assert.lengthOf( ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698444102ebd53d78cf66f8.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfb6250eacea3f48c6300b2.md similarity index 93% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698444102ebd53d78cf66f8.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfb6250eacea3f48c6300b2.md index 1afd6f1eac4..0b4026e9345 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698444102ebd53d78cf66f8.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfb6250eacea3f48c6300b2.md @@ -1,8 +1,8 @@ --- -id: 6698444102ebd53d78cf66f8 -title: Step 22 +id: 5dfb6250eacea3f48c6300b2 +title: Step 24 challengeType: 0 -dashedName: step-22 +dashedName: step-24 --- # --description-- @@ -71,7 +71,7 @@ assert.notMatch(code, /\CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -91,5 +91,3 @@ assert.notMatch(code, /\ ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984484deb84b3e21e5b3d7.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfb655eeacea3f48c6300b3.md similarity index 90% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984484deb84b3e21e5b3d7.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfb655eeacea3f48c6300b3.md index aa19d61c2e0..fa2e01a041f 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984484deb84b3e21e5b3d7.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfb655eeacea3f48c6300b3.md @@ -1,8 +1,8 @@ --- -id: 66984484deb84b3e21e5b3d7 -title: Step 23 +id: 5dfb655eeacea3f48c6300b3 +title: Step 25 challengeType: 0 -dashedName: step-23 +dashedName: step-25 --- # --description-- @@ -52,7 +52,7 @@ assert.equal(

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -75,5 +75,3 @@ assert.equal( ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984535d474083eec6bb8da.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfb6a35eacea3f48c6300b4.md similarity index 93% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984535d474083eec6bb8da.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfb6a35eacea3f48c6300b4.md index 0e0dac3b70c..cfc6dc451c1 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984535d474083eec6bb8da.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5dfb6a35eacea3f48c6300b4.md @@ -1,8 +1,8 @@ --- -id: 66984535d474083eec6bb8da -title: Step 24 +id: 5dfb6a35eacea3f48c6300b4 +title: Step 26 challengeType: 0 -dashedName: step-24 +dashedName: step-26 --- # --description-- @@ -79,7 +79,7 @@ assert.match(

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -102,5 +102,3 @@ assert.match( ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698457295f6403fa49050b8.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804d0.md similarity index 91% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698457295f6403fa49050b8.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804d0.md index a4de42f9c8b..864000f1bf3 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698457295f6403fa49050b8.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804d0.md @@ -1,8 +1,8 @@ --- -id: 6698457295f6403fa49050b8 -title: Step 25 +id: 5ef9b03c81a63668521804d0 +title: Step 27 challengeType: 0 -dashedName: step-25 +dashedName: step-27 --- # --description-- @@ -62,7 +62,7 @@ assert.match(

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -85,5 +85,3 @@ assert.match( ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698458e123b4f403936994d.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804d1.md similarity index 91% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698458e123b4f403936994d.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804d1.md index df9917724af..59e3b2ecadd 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698458e123b4f403936994d.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804d1.md @@ -1,8 +1,8 @@ --- -id: 6698458e123b4f403936994d -title: Step 26 +id: 5ef9b03c81a63668521804d1 +title: Step 28 challengeType: 0 -dashedName: step-26 +dashedName: step-28 --- # --description-- @@ -54,7 +54,7 @@ assert.equal(secondSectionLastElemNode.previousElementSibling.nodeName, 'FIGURE'

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -78,5 +78,3 @@ assert.equal(secondSectionLastElemNode.previousElementSibling.nodeName, 'FIGURE' ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/669845af34899240d9196258.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804d2.md similarity index 92% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/669845af34899240d9196258.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804d2.md index 0d050de9f02..4d1023cfa0c 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/669845af34899240d9196258.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804d2.md @@ -1,8 +1,8 @@ --- -id: 669845af34899240d9196258 -title: Step 27 +id: 5ef9b03c81a63668521804d2 +title: Step 29 challengeType: 0 -dashedName: step-27 +dashedName: step-29 --- # --description-- @@ -74,7 +74,7 @@ assert.lengthOf([...document.querySelectorAll('ol')], 1);

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -100,5 +100,3 @@ assert.lengthOf([...document.querySelectorAll('ol')], 1); ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984881117baa41da8bbde0.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804d3.md similarity index 89% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984881117baa41da8bbde0.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804d3.md index 9b26adc077f..27484c3baf4 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984881117baa41da8bbde0.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804d3.md @@ -1,8 +1,8 @@ --- -id: 66984881117baa41da8bbde0 -title: Step 28 +id: 5ef9b03c81a63668521804d3 +title: Step 30 challengeType: 0 -dashedName: step-28 +dashedName: step-30 --- # --description-- @@ -40,7 +40,7 @@ assert.equal(document.querySelectorAll('main > section')[1].lastElementChild.nod

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -70,5 +70,3 @@ assert.equal(document.querySelectorAll('main > section')[1].lastElementChild.nod ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698496716e821448ba724a6.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804d4.md similarity index 93% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698496716e821448ba724a6.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804d4.md index 1c68662017e..df702e555d3 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698496716e821448ba724a6.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804d4.md @@ -1,8 +1,8 @@ --- -id: 6698496716e821448ba724a6 -title: Step 32 +id: 5ef9b03c81a63668521804d4 +title: Step 34 challengeType: 0 -dashedName: step-32 +dashedName: step-34 --- # --description-- @@ -60,7 +60,7 @@ assert.match(

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -95,5 +95,3 @@ assert.match( ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984e0cb4febb50c3794edf.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804e7.md similarity index 92% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984e0cb4febb50c3794edf.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804e7.md index d2a154e2aa6..5dec583a140 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984e0cb4febb50c3794edf.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804e7.md @@ -1,8 +1,8 @@ --- -id: 66984e0cb4febb50c3794edf -title: Step 33 +id: 5ef9b03c81a63668521804e7 +title: Step 35 challengeType: 0 -dashedName: step-33 +dashedName: step-35 --- # --description-- @@ -49,7 +49,7 @@ assert.equal(document.querySelector('main').nextElementSibling.nodeName, 'FOOTER

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -83,5 +83,3 @@ assert.equal(document.querySelector('main').nextElementSibling.nodeName, 'FOOTER --fcc-editable-region-- ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984e8ab54bee517207be42.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804e8.md similarity index 91% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984e8ab54bee517207be42.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804e8.md index dafe2a25b5d..d77fc15a790 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984e8ab54bee517207be42.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804e8.md @@ -1,8 +1,8 @@ --- -id: 66984e8ab54bee517207be42 -title: Step 34 +id: 5ef9b03c81a63668521804e8 +title: Step 36 challengeType: 0 -dashedName: step-34 +dashedName: step-36 --- # --description-- @@ -29,7 +29,7 @@ Your `footer` element should have a closing tag. Closing tags have a `/` just af ```js const pElemClosingTags = code.match(/<\/p\>/g); assert.exists(pElemClosingTags); -assert.lengthOf(pElemClosingTags, 2); +assert.lengthOf(pElemClosingTags, 3); ``` Your `p` element's text should be `No Copyright - freeCodeCamp.org`. You have either omitted the text, have a typo, or it is not between the `p` element's opening and closing tags. @@ -50,7 +50,7 @@ assert.match(extraSpacesRemoved, /No Copyright - freeCodeCamp\.org$/i);

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -86,5 +86,3 @@ assert.match(extraSpacesRemoved, /No Copyright - freeCodeCamp\.org$/i); ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984ec64a3652522e81c678.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804e9.md similarity index 92% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984ec64a3652522e81c678.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804e9.md index 186daef34cc..a8b29ac0bb0 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984ec64a3652522e81c678.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804e9.md @@ -1,8 +1,8 @@ --- -id: 66984ec64a3652522e81c678 -title: Step 35 +id: 5ef9b03c81a63668521804e9 +title: Step 37 challengeType: 0 -dashedName: step-35 +dashedName: step-37 --- # --description-- @@ -22,7 +22,7 @@ Your anchor (`a`) element should have a closing tag. Closing tags have a `/` jus ```js const aElemClosingTags = code.match(/<\/a\>/g); assert.exists(aElemClosingTags); -assert.lengthOf(aElemClosingTags, 3); +assert.lengthOf(aElemClosingTags, 4); ``` Your anchor (`a`) element should have an `href` attribute with the value `https://www.freecodecamp.org`. You may have omitted the attribute/value, or have a typo. @@ -60,7 +60,7 @@ assert.match(pText, /^no copyright - freecodecamp\.org$/);

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -96,5 +96,3 @@ assert.match(pText, /^no copyright - freecodecamp\.org$/); ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984eef66cc1752d93b53f5.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804ea.md similarity index 93% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984eef66cc1752d93b53f5.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804ea.md index c08f5f27fb5..11b0d9a11ca 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984eef66cc1752d93b53f5.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804ea.md @@ -1,8 +1,8 @@ --- -id: 66984eef66cc1752d93b53f5 -title: Step 36 +id: 5ef9b03c81a63668521804ea +title: Step 38 challengeType: 0 -dashedName: step-36 +dashedName: step-38 --- # --description-- @@ -55,7 +55,7 @@ assert.match(noSpaces, /\<\/head\>\/);

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -91,5 +91,3 @@ assert.match(noSpaces, /\<\/head\>\/); ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984fe8efbd8c53a78c9b62.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804eb.md similarity index 92% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984fe8efbd8c53a78c9b62.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804eb.md index e3b1f5a190f..3791f1dfe8f 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984fe8efbd8c53a78c9b62.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804eb.md @@ -1,8 +1,8 @@ --- -id: 66984fe8efbd8c53a78c9b62 -title: Step 37 +id: 5ef9b03c81a63668521804eb +title: Step 39 challengeType: 0 -dashedName: step-37 +dashedName: step-39 --- # --description-- @@ -57,7 +57,7 @@ assert.equal(document.title?.toLowerCase(), 'catphotoapp');

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -93,5 +93,3 @@ assert.equal(document.title?.toLowerCase(), 'catphotoapp'); ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66985068aeb06e54562df39e.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804ec.md similarity index 92% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66985068aeb06e54562df39e.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804ec.md index 0cf72b7c855..a098b73c4f8 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66985068aeb06e54562df39e.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804ec.md @@ -1,8 +1,8 @@ --- -id: 66985068aeb06e54562df39e -title: Step 38 +id: 5ef9b03c81a63668521804ec +title: Step 40 challengeType: 0 -dashedName: step-38 +dashedName: step-40 --- # --description-- @@ -45,7 +45,7 @@ assert.match(extraSpacesRemoved, /\/);

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -81,5 +81,3 @@ assert.match(extraSpacesRemoved, /\/); ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/669850ce0ccf395511ff4254.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804ee.md similarity index 92% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/669850ce0ccf395511ff4254.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804ee.md index 64929f133c4..e04b003937c 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/669850ce0ccf395511ff4254.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804ee.md @@ -1,8 +1,8 @@ --- -id: 669850ce0ccf395511ff4254 -title: Step 39 +id: 5ef9b03c81a63668521804ee +title: Step 41 challengeType: 0 -dashedName: step-39 +dashedName: step-41 --- # --description-- @@ -45,7 +45,7 @@ assert.match(noSpaces, /^\<\!DOCTYPEhtml\>\CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -81,5 +81,3 @@ assert.match(noSpaces, /^\<\!DOCTYPEhtml\>\ ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/669848cd668e7242872f4861.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5efada803cbd2bbdab94e332.md similarity index 93% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/669848cd668e7242872f4861.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5efada803cbd2bbdab94e332.md index 5f395386f3f..60dc444e445 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/669848cd668e7242872f4861.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5efada803cbd2bbdab94e332.md @@ -1,8 +1,8 @@ --- -id: 669848cd668e7242872f4861 -title: Step 29 +id: 5efada803cbd2bbdab94e332 +title: Step 31 challengeType: 0 -dashedName: step-29 +dashedName: step-31 --- # --description-- @@ -64,7 +64,7 @@ assert.notMatch(code, /\CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -96,5 +96,3 @@ assert.notMatch(code, /\ ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984905e95af5432faa28b1.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5efae0543cbd2bbdab94e333.md similarity index 92% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984905e95af5432faa28b1.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5efae0543cbd2bbdab94e333.md index 134f122d82f..58c4f6d054b 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984905e95af5432faa28b1.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5efae0543cbd2bbdab94e333.md @@ -1,8 +1,8 @@ --- -id: 66984905e95af5432faa28b1 -title: Step 30 +id: 5efae0543cbd2bbdab94e333 +title: Step 32 challengeType: 0 -dashedName: step-30 +dashedName: step-32 --- # --description-- @@ -63,7 +63,7 @@ assert.match(

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -95,5 +95,3 @@ assert.match( ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698491eff5f2e43c20c6503.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5efae16e3cbd2bbdab94e334.md similarity index 94% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698491eff5f2e43c20c6503.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5efae16e3cbd2bbdab94e334.md index 7b5bb244b73..aef8faf45d1 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698491eff5f2e43c20c6503.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5efae16e3cbd2bbdab94e334.md @@ -1,8 +1,8 @@ --- -id: 6698491eff5f2e43c20c6503 -title: Step 31 +id: 5efae16e3cbd2bbdab94e334 +title: Step 33 challengeType: 0 -dashedName: step-31 +dashedName: step-33 --- # --description-- @@ -87,7 +87,7 @@ assert.match(

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -120,5 +120,3 @@ assert.match( ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984218720e29393b1adad2.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5f07be6ef7412fbad0c5626b.md similarity index 79% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984218720e29393b1adad2.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5f07be6ef7412fbad0c5626b.md index 0035f3a16ac..e31bf430f0f 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/66984218720e29393b1adad2.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5f07be6ef7412fbad0c5626b.md @@ -1,8 +1,8 @@ --- -id: 66984218720e29393b1adad2 -title: Step 16 +id: 5f07be6ef7412fbad0c5626b +title: Step 18 challengeType: 0 -dashedName: step-16 +dashedName: step-18 --- # --description-- @@ -18,7 +18,7 @@ The `section` element is used to define sections in a document, such as chapters ``` -Take your `h2`, comment, `p`, and anchor (`a`) elements and nest them in a `section` element. +Take your `h2`, comment, two `p` elements, and anchor (`a`) elements and nest them in a `section` element. # --hints-- @@ -40,14 +40,14 @@ The entire `section` element should be between the opening and closing tags of t assert.equal(document.querySelector('section').parentNode.nodeName, 'MAIN'); ``` -The existing `h2`, comment, `p` element, and anchor (`a`) element should be between the opening and closing tags of the `section` element. +The existing `h2`, comment, `p` elements, and anchor (`a`) element should be between the opening and closing tags of the `section` element. ```js const childrenOfSection = [...document.querySelector('section').childNodes]; const foundElements = childrenOfSection.filter((child) => { return ['H2', 'A', 'P'].includes(child.nodeName); }); -assert.lengthOf(foundElements, 3) +assert.lengthOf(foundElements, 4) ``` The `h1` element should not be nested in the `section` element. @@ -65,12 +65,12 @@ assert.isFalse(includesH1); ```html - --fcc-editable-region-- +--fcc-editable-region--

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back. @@ -79,5 +79,3 @@ assert.isFalse(includesH1); ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698429ba5761b39f8aad814.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5f07c98cdb9413cbd4b16750.md similarity index 90% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698429ba5761b39f8aad814.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5f07c98cdb9413cbd4b16750.md index f71526d47f5..13b224d2f05 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698429ba5761b39f8aad814.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5f07c98cdb9413cbd4b16750.md @@ -1,8 +1,8 @@ --- -id: 6698429ba5761b39f8aad814 -title: Step 17 +id: 5f07c98cdb9413cbd4b16750 +title: Step 19 challengeType: 0 -dashedName: step-17 +dashedName: step-19 --- # --description-- @@ -69,7 +69,7 @@ assert.lengthOf(foundElems, 2); --fcc-editable-region--

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -79,5 +79,3 @@ assert.lengthOf(foundElems, 2); ``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698510677b5e655ba8c1017.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/62bb4009e3458a128ff57d5d.md similarity index 92% rename from curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698510677b5e655ba8c1017.md rename to curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/62bb4009e3458a128ff57d5d.md index e2b9deee2b5..45ace6aab90 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698510677b5e655ba8c1017.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/62bb4009e3458a128ff57d5d.md @@ -1,8 +1,8 @@ --- -id: 6698510677b5e655ba8c1017 -title: Step 40 +id: 62bb4009e3458a128ff57d5d +title: Step 42 challengeType: 0 -dashedName: step-40 +dashedName: step-42 --- # --description-- @@ -58,7 +58,7 @@ assert.notMatch(code, /<\/meta\s*>?/i);

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
@@ -109,7 +109,7 @@ assert.notMatch(code, /<\/meta\s*>?/i);

CatPhotoApp

Cat Photos

- +

Everyone loves cute cats online!

See more cat photos in our gallery.

A cute orange cat lying on its back.
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/669840c70aea8936930dba35.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/669840c70aea8936930dba35.md deleted file mode 100644 index dea9670eef2..00000000000 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/669840c70aea8936930dba35.md +++ /dev/null @@ -1,79 +0,0 @@ ---- -id: 669840c70aea8936930dba35 -title: Step 12 -challengeType: 0 -dashedName: step-12 ---- - -# --description-- - -You can turn any text into a link, such as the text inside of a `p` element. - -``` html -

I think freeCodeCamp is great.

-``` - -In the text of your `p` element, turn the words `cat photos` into a link by adding opening and closing anchor (`a`) tags around these words. Then set the `href` attribute to `https://freecatphotoapp.com` - - -# --hints-- - -You should nest a new anchor (`a`) element within the `p` element. - -```js -const nestedAnchor = document.querySelector(`p > a`); -assert.isNotNull(nestedAnchor) -``` - -The link's `href` value should be `https://freecatphotoapp.com`. You have either omitted the `href` value or have a typo. - -```js -assert.equal( - document.querySelector('p > a').href, 'https://freecatphotoapp.com/' -); -``` - -The link's text should be `cat photos`. You have either omitted the text or have a typo. - -```js -const nestedAnchor = document.querySelector('p > a'); -const innerContent = nestedAnchor.innerHTML; -assert.isTrue(innerContent.trim() === 'cat photos'); -``` - -The text inside your anchor element has extra leading or trailing whitespace. The only space in the anchor text should be between the word `cat` and the word `photos`. - -```js -const nestedAnchor = document.querySelector('p > a'); -const innerContent = nestedAnchor.innerHTML; -assert.isNotTrue(/^\s+|\s+$/.test(innerContent)); -``` - -After nesting the anchor (`a`) element, the only `p` element content visible in the browser should be `See more cat photos in our gallery.` Double check the text, spacing, or punctuation of both the `p` and nested anchor element. - -```js -assert.match(code, /

see more ]*>cat photos<\/a> in our gallery\.?<\/p>/i) -``` - -# --seed-- - -## --seed-contents-- - -```html - - -

-

CatPhotoApp

-

Cat Photos

- ---fcc-editable-region-- -

See more cat photos in our gallery.

---fcc-editable-region-- - link to cat pictures - A cute orange cat lying on its back. -
- - -``` - - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698410269ace0373ec812b6.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698410269ace0373ec812b6.md deleted file mode 100644 index 276e3d5c4e0..00000000000 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/6698410269ace0373ec812b6.md +++ /dev/null @@ -1,63 +0,0 @@ ---- -id: 6698410269ace0373ec812b6 -title: Step 13 -challengeType: 0 -dashedName: step-13 ---- - -# --description-- - -Now that you turned the text `cat photos` inside the `p` element into a link, you don't need the second link below the `p` element. Delete the entire anchor element below the `p` element. - -# --hints-- - -Your code should only have one paragraph (`p`) element. - -```js -assert.isTrue(document.querySelectorAll('p').length === 1); -``` - -Your code should only have one anchor (`a`) element. - -```js -assert.isTrue(document.querySelectorAll('a').length === 1); -``` - -Do not make any changes to the elements you created in the previous step. - -```js -assert.strictEqual(document.querySelector('p').innerHTML, 'See more cat photos in our gallery.') -``` - -There should not be `cat photos` text below the `p` element. - -```js -const pNextSibling = document.querySelector('p').nextSibling; -assert.isTrue( - (pNextSibling.nodeName === '#text' && !/cat\s*photos/.test(pNextSibling.nodeValue)) || - pNextSibling.nodeName === 'IMG' -); -``` - - -# --seed-- - -## --seed-contents-- - -```html - - -
-

CatPhotoApp

-

Cat Photos

- ---fcc-editable-region-- -

See more cat photos in our gallery.

- link to cat pictures ---fcc-editable-region-- - A cute orange cat lying on its back. -
- - -``` - diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/671141f948cbab359e74cc93.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/671141f948cbab359e74cc93.md new file mode 100644 index 00000000000..78aae1394e5 --- /dev/null +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/671141f948cbab359e74cc93.md @@ -0,0 +1,48 @@ +--- +id: 671141f948cbab359e74cc93 +title: Step 13 +challengeType: 0 +dashedName: step-13 +--- + +# --description-- + +Add `p` tags to turn `See more cat photos in our gallery.` into a paragraph. + +# --hints-- + +You should add a `p` element around `See more cat photos in our gallery.`. + +```js +const P = document.querySelectorAll('p')[1]; +assert.exists(P); +assert.strictEqual(P.innerText, "See more cat photos in our gallery."); +``` + +You should still have the anchor element inside the new paragraph. + +```js +const P = document.querySelectorAll('p')[1]; +assert.exists(P.querySelector('a')); +``` + +# --seed-- + +## --seed-contents-- + +```html + + +
+

CatPhotoApp

+

Cat Photos

+ +

Everyone loves cute cats online!

+--fcc-editable-region-- + See more cat photos in our gallery. +--fcc-editable-region-- + A cute orange cat lying on its back. +
+ + +``` diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/671141feba228a35cefba82d.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/671141feba228a35cefba82d.md new file mode 100644 index 00000000000..57b41394977 --- /dev/null +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/671141feba228a35cefba82d.md @@ -0,0 +1,57 @@ +--- +id: 671141feba228a35cefba82d +title: Step 14 +challengeType: 0 +dashedName: step-14 +--- + +# --description-- + +Turn the text `cute cats` into an anchor elements that links to `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`. + +# --hints-- + +There should be a new anchor element in the first `p` element. + +```js +assert.exists(document.querySelector('p')?.querySelector('a')); +``` + +The anchor text should be `cute cats`. + +```js +assert.strictEqual(document.querySelector('a')?.innerText, "cute cats"); +``` + +The `href` attrivute of the new anchor element should be `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`. + +```js +assert.strictEqual(document.querySelector('a')?.href, "https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"); +``` + +The text of the `p` element should still be `Everyone loves cute cats online!`. + +```js +assert.strictEqual(document.querySelector('p')?.innerText, "Everyone loves cute cats online!"); +``` + +# --seed-- + +## --seed-contents-- + +```html + + +
+

CatPhotoApp

+

Cat Photos

+ +--fcc-editable-region-- +

Everyone loves cute cats online!

+--fcc-editable-region-- +

See more cat photos in our gallery.

+ A cute orange cat lying on its back. +
+ + +``` diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/671144cdcc01d73f7dd79dc9.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/671144cdcc01d73f7dd79dc9.md new file mode 100644 index 00000000000..7256f63593b --- /dev/null +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/671144cdcc01d73f7dd79dc9.md @@ -0,0 +1,47 @@ +--- +id: 671144cdcc01d73f7dd79dc9 +title: Step 16 +challengeType: 0 +dashedName: step-16 +--- + +# --description-- + +Now that you have added the link you can remove the comment. + +# --hints-- + +There should not be any comment in your code. + +```js +assert.notMatch(code, //); +``` + +The text `TODO: Add link to cat photos` should not be present anymore. + +```js +assert.notMatch(code, /TODO:?/i) +assert.notMatch(code, /Add\s*link\s*to\s*cat\s*photos/i) +``` + +# --seed-- + +## --seed-contents-- + +```html + + +
+

CatPhotoApp

+

Cat Photos

+--fcc-editable-region-- + +

Everyone loves cute cats online!

+

See more cat photos in our gallery.

+--fcc-editable-region-- + A cute orange cat lying on its back. +
+ + +``` diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/671b6e873249bb35c9debfcf.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/671b6e873249bb35c9debfcf.md new file mode 100644 index 00000000000..bb22a87a667 --- /dev/null +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/671b6e873249bb35c9debfcf.md @@ -0,0 +1,57 @@ +--- +id: 671b6e873249bb35c9debfcf +title: Step 12 +challengeType: 0 +dashedName: step-12 +--- + +# --description-- + +Add the words `See more ` before the anchor element and ` in our gallery` after the anchor element + +# --hints-- + +You should use the existing anchor element, do not create a new one. + +```js +assert.lengthOf(document.querySelectorAll('a'), 1); +``` + +You should have the words `See more ` before the anchor element. + +```js +assert.match(code, /See more cat photos<\/a>/) +``` + +You should have the words `in our gallery` after the anchor element. + +```js +assert.match(code, /cat photos<\/a> in our gallery/) +``` + +You should have `See more cat photos in our gallery` in your code. + +```js +assert.match(code, /See more cat photos<\/a> in our gallery/) +``` + +# --seed-- + +## --seed-contents-- + +```html + + +
+

CatPhotoApp

+

Cat Photos

+ +

Everyone loves cute cats online!

+--fcc-editable-region-- +
cat photos +--fcc-editable-region-- + A cute orange cat lying on its back. +
+ + +``` diff --git a/curriculum/test/utils/mongo-ids.js b/curriculum/test/utils/mongo-ids.js index e8150a900be..ef7c90f0891 100644 --- a/curriculum/test/utils/mongo-ids.js +++ b/curriculum/test/utils/mongo-ids.js @@ -9,6 +9,48 @@ const duplicatedProjectIds = [ /*** HTML ***/ // Cat Photo App + '5dc174fcf86c76b9248c6eb2', + '5dc1798ff86c76b9248c6eb3', + '5dc17d3bf86c76b9248c6eb4', + '5dc17dc8f86c76b9248c6eb5', + '5dc2385ff86c76b9248c6eb7', + '5dc23991f86c76b9248c6eb8', + '5dc23f9bf86c76b9248c6eba', + '5dc24073f86c76b9248c6ebb', + '5dc24165f86c76b9248c6ebc', + '5dc24614f86c76b9248c6ebd', + '5ddbd81294d8ddc1510a8e56', + '671b6e873249bb35c9debfcf', + '671141f948cbab359e74cc93', + '671141feba228a35cefba82d', + '5dfa2407b521be39a3de7be1', + '671144cdcc01d73f7dd79dc9', + '5dfa30b9eacea3f48c6300ad', + '5f07be6ef7412fbad0c5626b', + '5f07c98cdb9413cbd4b16750', + '5dfa3589eacea3f48c6300ae', + '5dfa371beacea3f48c6300af', + '5dfa37b9eacea3f48c6300b0', + '5dfb5ecbeacea3f48c6300b1', + '5dfb6250eacea3f48c6300b2', + '5dfb655eeacea3f48c6300b3', + '5dfb6a35eacea3f48c6300b4', + '5ef9b03c81a63668521804d0', + '5ef9b03c81a63668521804d1', + '5ef9b03c81a63668521804d2', + '5ef9b03c81a63668521804d3', + '5efada803cbd2bbdab94e332', + '5efae0543cbd2bbdab94e333', + '5efae16e3cbd2bbdab94e334', + '5ef9b03c81a63668521804d4', + '5ef9b03c81a63668521804e7', + '5ef9b03c81a63668521804e8', + '5ef9b03c81a63668521804e9', + '5ef9b03c81a63668521804ea', + '5ef9b03c81a63668521804eb', + '5ef9b03c81a63668521804ec', + '5ef9b03c81a63668521804ee', + '62bb4009e3458a128ff57d5d', // Survey Form '587d78af367417b2b2512b03',