--- id: 5dfb6250eacea3f48c6300b2 title: Step 21 challengeType: 0 dashedName: step-21 --- # --description-- After the unordered list, add a new image with an `src` attribute value set to `https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg` and an `alt` attribute value set to `A slice of lasagna on a plate.` # --hints-- There should be an `img` element right after the closing `` tag. ```js assert($('section')[1].lastElementChild.nodeName === 'IMG'); ``` The new image either does not have an `alt` attribute. Check that there is a space after the opening tag's name and/or there are spaces before all attribute names. ```js assert($('section')[1].lastElementChild.hasAttribute('alt')); ``` The new image should have an `alt` value of `A slice of lasagna on a plate.` Make sure the `alt` attribute's value is surrounded with quotation marks. ```js assert( $('section')[1] .lastElementChild.getAttribute('alt') .replace(/\s+/g, ' ') .match(/^A slice of lasagna on a plate\.?$/i) ); ``` The new image does not have an `src` attribute. Check that there is a space after the opening tag's name and/or there are spaces before all attribute names. ```js assert($('section')[1].lastElementChild.hasAttribute('src')); ``` The new image should have an `src` value of `https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg`. Make sure the `src` attribute's value is surrounded with quotation marks. ```js assert( $('section')[1].lastElementChild.getAttribute('src') === 'https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg' ); ``` Although you have set the new image's `src` to the correct URL, it is recommended to always surround the value of an attribute with quotation marks. ```js assert(!/\

CatPhotoApp

Cat Photos

Click here to view more cat photos.

A cute orange cat lying on its back.

Cat Lists

Things cats love:

--fcc-editable-region--
  • cat nip
  • laser pointers
  • lasagna
--fcc-editable-region--
```