94f0cf0ef8
* fix: remove isHidden key from tool template * fix: removed isHidden key from English challenges * fix: remove isHidden key from Chinese challenges
2.3 KiB
2.3 KiB
id, title, challengeType
| id | title | challengeType |
|---|---|---|
| 5dc1798ff86c76b9248c6eb3 | Part 2 | 0 |
Description
The h1 to h6 heading elements are used to signify the importance of content below them. The lower the number, the higher the importance, so h2 elements have less importance than h1 elements. Only use one h1 element per page and place lower importance headings below higher importance headings.
Add an h2 element below the h1 element that says Cat Photos.
Tests
tests:
- text: 'Your `h1` element should have an opening tag. Opening tags have this syntax: `<elementName>`.'
testString: assert( document.querySelector('h1') );
- text: Your `h1` element should have a closing tag. Closing tags have a `/` just after the `<` character.
testString: assert( code.match(/<\/h1\>/) );
- text: You should only have one `h1` element. Remove the extra.
testString: assert( document.querySelector('h1') && document.querySelectorAll('h1').length === 1 );
- text: Your `h1` element's text should be 'CatPhotoApp'. You have either omitted the text or have a typo.
testString: assert( document.querySelector('h1').innerText.toLowerCase() === 'catphotoapp' );
- text: "Your `h2` element should have an opening tag. Opening tags have this syntax: `<elementName>`."
testString: assert( document.querySelector('h2') );
- text: Your `h2` element should have a closing tag. Closing tags have a `/` just after the `<` character.
testString: assert( code.match(/<\/h2\>/) );
- text: Your `h2` element's text should be 'Cat Photos'. Only place the text `Cat Photos` between the opening and closing `h2` tags.
testString: assert( document.querySelector('h2').innerText.toLowerCase() === 'cat photos' );
- text: "Your `h2` element should be below the `h1` element. The `h1` element has greater importance and must be above the `h2` element."
testString: const collection = [...document.querySelectorAll('h1,h2')].map(node => node.nodeName); assert( collection.indexOf('H1') < collection.indexOf('H2') );
Challenge Seed
<html>
<body>
--fcc-editable-region--
<h1>CatPhotoApp</h1>
--fcc-editable-region--
</body>
</html>