mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2025-12-19 18:18:27 -05:00
f8287ce2ca
Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com> Co-authored-by: Dario-DC <105294544+Dario-DC@users.noreply.github.com> Co-authored-by: Mrugesh Mohapatra <1884376+raisedadead@users.noreply.github.com>
1.5 KiB
1.5 KiB
id, title, challengeType, dashedName
| id | title | challengeType | dashedName |
|---|---|---|---|
| 671141feba228a35cefba82d | Step 14 | 0 | 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.
assert.exists(document.querySelector('p')?.querySelector('a'));
The anchor text should be cute cats.
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.
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!.
assert.strictEqual(document.querySelector('p')?.innerText, "Everyone loves cute cats online!");
--seed--
--seed-contents--
<html>
<body>
<main>
<h1>CatPhotoApp</h1>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
--fcc-editable-region--
<p>Everyone loves cute cats online!</p>
--fcc-editable-region--
<p>See more <a href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
</main>
</body>
</html>