---
id: 5dfa22d1b521be39a3de7be0
title: Part 12
challengeType: 0
dashedName: part-12
---
# --description--
Turn the words `cat photos` located inside `p` element into a link by replacing the words with the anchor element added previously. The `p` element should show the same text in the browser, but the words `cat photos` should now be a link. There should only be one link showing in the app.
# --hints--
Your code should only contain one anchor (`a`) element. Remove any extra anchor elements.
```js
assert(document.querySelectorAll('a').length === 1);
```
Your anchor (`a`) element should be nested within the `p` element.
```js
assert($('p > a').length);
```
The link's text should be `cat photos`. You have either omitted the text or have a typo.
```js
const nestedAnchor = $('p > a')[0];
assert(
nestedAnchor.getAttribute('href') === 'https://freecatphotoapp.com' &&
nestedAnchor.innerText.toLowerCase().replace(/\s+/g, ' ') === 'cat photos'
);
```
After nesting the anchor (`a`) element, the only `p` element content visible in the browser should be `Click here to view more cat photos.` Double check the text, spacing, or punctuation of both the `p` and nested anchor element.
```js
const pText = document
.querySelector('p')
.innerText.toLowerCase()
.replace(/\s+/g, ' ');
assert(pText.match(/click here to view more cat photos\.?$/));
```
# --seed--
## --seed-contents--
```html
CatPhotoApp
Cat Photos
--fcc-editable-region--
Click here to view more cat photos.
cat photos
--fcc-editable-region--
```