1.8 KiB
| id | title | challengeType | dashedName |
|---|---|---|---|
| 5dc24073f86c76b9248c6ebb | Part 8 | 0 | part-8 |
--description--
HTML attributes are special words used inside the opening tag of an element to control the element's behavior. The src attribute in an img element specifies the image's URL (where the image is located). An example of an img element using an src attribute: <img src="https://www.your-image-source.com/your-image.jpg">.
Add an src attribute to the existing img element that is set to the following URL: https://bit.ly/fcc-relaxing-cat.
--hints--
Your code should have an img element. You may have removed the img element or you have not surrounded the src attribute's value with quotes.
assert(document.querySelector('img'));
Your img element should have an src attribute. You have either omitted the attribute or have a typo. Make sure there is a space between the element name and the attribute name.
assert(document.querySelector('img').src);
Your img element's src attribute should be set to 'https://bit.ly/fcc-relaxing-cat'. You have either omitted the URL or have a typo. The case of the URL is important.
assert(document.querySelector('img').src === 'https://bit.ly/fcc-relaxing-cat');
Although you have set the img element's src to the correct URL, it is recommended to always surround the value of an attribute with quotation marks.
assert(!/\<img\s+src\s*=\s*https:\/\/bit\.ly\/fcc-relaxing-cat/.test(code));
--seed--
--seed-contents--
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more cat photos.</p>
--fcc-editable-region--
<img>
--fcc-editable-region--
</main>
</body>
</html>