2018-10-04 13:37:37 +00:00
---
id: bad87fee1348bd9aedf08804
title: Comment out HTML
challengeType: 0
videoUrl: 'https://scrimba.com/p/pVMPUv/cGyGbca'
---
## Description
< section id = 'description' >
Remember that in order to start a comment, you need to use < code > < !--< / code > and to end a comment, you need to use < code > --> < / code >
Here you'll need to end the comment before your < code > h2< / code > element begins.
< / section >
## Instructions
< section id = 'instructions' >
Comment out your < code > h1< / code > element and your < code > p< / code > element, but not your < code > h2< / code > element.
< / section >
## Tests
< section id = 'tests' >
```yml
tests:
- text: Comment out your < code > h1</ code > element so that it is not visible on your page.
2018-10-20 18:02:47 +00:00
testString: assert(($("h1").length === 0), 'Comment out your < code > h1< / code > element so that it is not visible on your page.');
2018-10-04 13:37:37 +00:00
- text: Leave your < code > h2</ code > element uncommented so that it is visible on your page.
2018-10-20 18:02:47 +00:00
testString: assert(($("h2").length > 0), 'Leave your < code > h2< / code > element uncommented so that it is visible on your page.');
2018-10-04 13:37:37 +00:00
- text: Comment out your < code > p</ code > element so that it is not visible on your page.
2018-10-20 18:02:47 +00:00
testString: assert(($("p").length === 0), 'Comment out your < code > p< / code > element so that it is not visible on your page.');
- text: Be sure to close each of your comments with < code > --> </ code > .
testString: assert(code.match(/[^fc]-->/g).length > 1, 'Be sure to close each of your comments with < code > --> < / code > .');
2018-10-04 13:37:37 +00:00
- text: Do not change the order of the < code > h1</ code > < code > h2</ code > or < code > p</ code > in the code.
2018-10-20 18:02:47 +00:00
testString: assert((code.match(/< ([a-z0-9]){1,2}>/g)[0]==="< h1 > " & & code.match(/< ([a-z0-9]){1,2}>/g)[1]==="< h2 > " & & code.match(/< ([a-z0-9]){1,2}>/g)[2]==="< p > ") , 'Do not change the order of the < code > h1< / code > < code > h2< / code > or < code > p< / code > in the code.');
2018-10-04 13:37:37 +00:00
```
< / section >
## Challenge Seed
< section id = 'challengeSeed' >
< div id = 'html-seed' >
```html
<!--
< h1 > Hello World< / h1 >
< h2 > CatPhotoApp< / h2 >
< p > Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.< / p >
-->
```
< / div >
< / section >
## Solution
< section id = 'solution' >
```js
// solution required
```
< / section >