freeCodeCamp/curriculum/challenges/english/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities.md

id	title	challengeType	forumTopicId
a6b0bb188d873cb2c8729495	Convert HTML Entities	5	16007

Description

Convert the characters &, <, >, " (double quote), and ' (apostrophe), in a string to their corresponding HTML entities.

Instructions

Tests

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

Challenge Seed

function convertHTML(str) {
  return str;
}

convertHTML("Dolce & Gabbana");

Solution

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

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