Преобразование HTML элементов - Convert HTML Entities (11)

Преобразование HTML элементов
Convert HTML Entities

11-ый день программы "#100 Days Of Code"

Никогда задание не было таким легким! А может быть это только показалось мне на первый взгляд? И я предлагаю не самое простое и лучшее решение? Как бы то ни было, но задание уже сдано и теперь я его публикую на ваш строгий суд.

Кто ведет блоги или сайты по программированию, или пробовал написать какой - то кусочек HTML кода на странице сайта, знают, что это сделать не так - то просто, потому что код будет тут же преобразован и вы увидите действие а не сам код.

Для отображения тегов и других знаков кода используются специальные символы и другие сочетания знаков. В этом задании нам и предложено написать такой код, который будет заменять HTML символы, специальными знаками.

Если у вас остались вопросы по заданию, то есть смысл посмотреть ответы внизу поста.

Для нашего удобства предложены следующие ссылки:

• RegExp
• HTML Entities
• String.prototype.replace()

Для решения задания, я воспользовался примером:

var str = 'Twas the night before Xmas...';
var newstr = str.replace(/xmas/i, 'Christmas');
console.log(newstr); // Twas the night before Christmas...


Это самое простое, методом replace("Что меняем","На что меняем");

Вот что у меня получилось:

function convertHTML(str) {

     str= str.replace(/&/g,"&"); 
     str= str.replace(/</g,"&lt;");   
     str= str.replace(/"/g,"&quot;");   
     str= str.replace(/'/g,"&apos;");  
     str= str.replace(/>/g,"&gt;");

  return str;
}
convertHTML("Dolce & Gabbana");

Ответы:

convertHTML("Dolce & Gabbana")
return Dolce &​amp; Gabbana.

convertHTML("Hamburgers < Pizza < Tacos")
return Hamburgers &​lt; Pizza &​lt; Tacos.

convertHTML("Sixty > twelve")
return Sixty &​gt; twelve.

convertHTML('Stuff in "quotation marks"')
return Stuff in &​quot;quotation marks&​quot;.

convertHTML("Shindler's List")
return Shindler&​apos;s List.

convertHTML("<>")
return &​lt;&​gt;.

convertHTML("abc")
return abc.