Bonfire Convert HTML Entities

Author

Created by Rafase282

Github | FreeCodeCamp | CodePen | LinkedIn | Website | E-Mail

Details

• Difficulty: 2/5

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.

Useful Links

• RegExp
• HTML Entities

Problem Script:

function convert(str) {
  // :)
  return str;
}

convert('Dolce & Gabbana');

Problem Explanation:

• You have to create a program that will convert HTML entities from string to their corresponding HTML entities. There are only a few so you can use different methods.

Hint: 1

• You can use regular Expressions however I didn't in this case.

Hint: 2

• You will benefit form a chart with all the html entities so you know which ones are the right ones to put.

Hint: 3

• You should separate and string and work with each character to convert the right ones and then join everything back up.

Spoiler Alert!

Solution ahead!

Code Solution:

function convert(str) {
  // Split by character to avoid problems.

  var temp = str.split('');

  // Since we are only checking for a few HTML elements I used a switch

  for (var i = 0; i < temp.length; i++) {
    switch (temp[i]) {
      case '<':
        temp[i] = '&lt;';
        break;
      case '&':
        temp[i] = '&amp;';
        break;
      case '>':
        temp[i] = '&gt;';
        break;
      case '"':
        temp[i] = '&quot;';
        break;
      case "'":
        temp[i] = '&apos;';
        break;
    }
  }

  temp = temp.join('');
  return temp;
}

Code Explanation:

• Read comments in code.