gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
freeCodeCamp/curriculum/challenges/english/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities.english.md

3.3 KiB
Raw Blame History

id, title, isRequired, challengeType
id title isRequired challengeType
a6b0bb188d873cb2c8729495 Convert HTML Entities true 5

Description

Convert the characters &, <, >, " (double quote), and ' (apostrophe), in a string to their corresponding HTML entities. Remember to use Read-Search-Ask if you get stuck. Try to pair program. Write your own code.

Instructions

Tests

tests:
  - text: '<code>convertHTML("Dolce & Gabbana")</code> should return <code>Dolce &&#8203;amp; Gabbana</code>.'
    testString: 'assert.match(convertHTML("Dolce & Gabbana"), /Dolce &amp; Gabbana/, ''<code>convertHTML("Dolce & Gabbana")</code> should return <code>Dolce &&#8203;amp; Gabbana</code>.'');'
  - text: '<code>convertHTML("Hamburgers < Pizza < Tacos")</code> should return <code>Hamburgers &&#8203;lt; Pizza &&#8203;lt; Tacos</code>.'
    testString: 'assert.match(convertHTML("Hamburgers < Pizza < Tacos"), /Hamburgers &lt; Pizza &lt; Tacos/, ''<code>convertHTML("Hamburgers < Pizza < Tacos")</code> should return <code>Hamburgers &&#8203;lt; Pizza &&#8203;lt; Tacos</code>.'');'
  - text: '<code>convertHTML("Sixty > twelve")</code> should return <code>Sixty &&#8203;gt; twelve</code>.'
    testString: 'assert.match(convertHTML("Sixty > twelve"), /Sixty &gt; twelve/, ''<code>convertHTML("Sixty > twelve")</code> should return <code>Sixty &&#8203;gt; twelve</code>.'');'
  - text: '<code>convertHTML(&apos;Stuff in "quotation marks"&apos;)</code> should return <code>Stuff in &&#8203;quot;quotation marks&&#8203;quot;</code>.'
    testString: 'assert.match(convertHTML(''Stuff in "quotation marks"''), /Stuff in &quot;quotation marks&quot;/, ''<code>convertHTML(&apos;Stuff in "quotation marks"&apos;)</code> should return <code>Stuff in &&#8203;quot;quotation marks&&#8203;quot;</code>.'');'
  - text: '<code>convertHTML("Schindler&apos;s List")</code> should return <code>Schindler&&#8203;apos;s List</code>.'
    testString: 'assert.match(convertHTML("Schindler''s List"), /Schindler&apos;s List/, ''<code>convertHTML("Schindler&apos;s List")</code> should return <code>Schindler&&#8203;apos;s List</code>.'');'
  - text: '<code>convertHTML("<>")</code> should return <code>&&#8203;lt;&&#8203;gt;</code>.'
    testString: 'assert.match(convertHTML(''<>''), /&lt;&gt;/, ''<code>convertHTML("<>")</code> should return <code>&&#8203;lt;&&#8203;gt;</code>.'');'
  - text: <code>convertHTML("abc")</code> should return <code>abc</code>.
    testString: 'assert.strictEqual(convertHTML(''abc''), ''abc'', ''<code>convertHTML("abc")</code> should return <code>abc</code>.'');'

Challenge Seed

function convertHTML(str) {
  // &colon;&rpar;
  return str;
}

convertHTML("Dolce & Gabbana");

Solution

var MAP = { '&': '&amp;',
            '<': '&lt;',
            '>': '&gt;',
            '"': '&quot;',
            "'": '&apos;'};

function convertHTML(str) {
  return str.replace(/[&<>"']/g, function(c) {
    return MAP[c];
  });
}