2020-07-24 09:13:46 -07:00
---
id: 5ef9b03c81a63668521804d0
title: Part 24
challengeType: 0
---
## Description
< section id = 'description' >
Emphasize the word `love` in the `figcaption` element by wrapping it in an emphasis (`em` ) element.
< / section >
## Tests
< section id = 'tests' >
```yml
tests:
- text: 'Your emphasis (`em` ) element should have an opening tag. Opening tags have this syntax: `<elementName>` .'
testString: assert( document.querySelector('em') );
- text: Your emphasis (`em` ) element should have a closing tag. Closing tags have a `/` just after the `<` character.
testString: assert( code.match(/< \/em \>/) );
- text: You have either deleted the `figcaption` element or it is missing an opening or closing tag.
testString: assert( document.querySelector('figcaption') && code.match(/< \/figcaption \>/) );
- text: Your emphasis (`em` ) element should surround the text `love` . You have either omitted the text or have a typo.
testString: assert( document.querySelector('figcaption > em').innerText.toLowerCase() === 'love' );
- text: The `figcaption` 's text should be `Cats love lasagna` . Check for typos and that the necessary spaces are present around the `em` element's opening and closing tags.
testString: assert( document.querySelector('figcaption').innerText.replace(/\s+/gi, ' ').match(/cats love lasagna\.?/i) );
```
< / section >
## Challenge Seed
< section id = 'challengeSeed' >
< div id = 'html-seed' >
```html
< html >
< body >
< h1 > CatPhotoApp< / h1 >
< main >
< section >
< h2 > Cat Photos< / h2 >
<!-- TODO: Add link to cat photos -->
2020-07-24 23:16:42 -07:00
< p > Click here to view more < a target = "_blank" href = "https://freecatphotoapp.com" > cat photos< / a > .< / p >
< a href = "https://freecatphotoapp.com" > < img src = "https://bit.ly/fcc-relaxing-cat" alt = "A cute orange cat lying on its back." > < / a >
2020-07-24 09:13:46 -07:00
< / section >
< section >
< h2 > Cat Lists< / h2 >
< h3 > Things cats love:< / h3 >
< ul >
< li > cat nip< / li >
< li > laser pointers< / li >
< li > lasagna< / li >
< / ul >
< figure >
< img src = "https://bit.ly/fcc-lasagna" alt = "A slice of lasagna on a plate." >
--fcc-editable-region--
< figcaption > Cats love lasagna.< / figcaption >
--fcc-editable-region--
< / figure >
< / section >
< / main >
< / body >
< / html >
```
< / div >
< / section >
