freeCodeCamp/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/delete-html-elements.englis...

1.5 KiB

id title challengeType videoUrl
bad87fed1348bd9aedf08833 Delete HTML Elements 0 https://scrimba.com/p/pVMPUv/ckK73C9

Description

Our phone doesn't have much vertical space. Let's remove the unnecessary elements so we can start building our CatPhotoApp.

Instructions

Delete your h1 element so we can simplify our view.

Tests

tests:
  - text: Delete your <code>h1</code> element.
    testString: assert(!code.match(/<h1>/gi) && !code.match(/<\/h1>/gi), 'Delete your <code>h1</code> element.');
  - text: Leave your <code>h2</code> element on the page.
    testString: assert(code.match(/<h2>[\w\W]*<\/h2>/gi), 'Leave your <code>h2</code> element on the page.');
  - text: Leave your <code>p</code> element on the page.
    testString: assert(code.match(/<p>[\w\W]*<\/p>/gi), 'Leave your <code>p</code> element on the page.');

Challenge Seed

<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>

Solution

var code = "<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>"