06. From JSON to HTML Table

simon.kan1 9 Точки

06. From JSON to HTML Table

https://pastebin.com/bi5QnuhJ

https://judge.softuni.bg/Contests/Practice/Index/2758#5

Здравейте, докарах кода до 50/100, обаче не знам как да направя функцията escapeHtml(value) , намерих тази функция:

function escapeHtml(value) {

return value

.replace(/&/g, "&")

.replace(/</g, "<")

.replace(/>/g, ">")

.replace(/"/g, """)

.replace(/'/g, "'");

}

Но не знам как да я приложа в този случай, знам че е нещо с regex, ако може да ми покажете

Тагове:

21/01/2021 01:10:21 JavaScript Advanced

willystyle 2472 Точки

Best Answer

ето така се ползва
https://pastebin.com/9bPgVZqb
но в условието излежда има още някоя тънкост, а го няма в judge, ако можеш да го споделиш и ще го докараме до 100.

22/01/2021 15:48:48

simon.kan1 9 Точки

06.From JSON to HTML Table

You’re tasked with creating an HTML table of students and their scores. You will receive a single string representing an array of objects, the table’s headings should be equal to the object’s keys, while each object’s values should be a new entry in the table. Any text values in an object should be escaped, in order to avoid introducing dangerous code into the HTML.

Input

The input comes a single string argument (the array of objects).

Output

The output should be printed on the console – for each entry row in the input print the object representing it.

Note:

Object’s keys will always be the same. Check more information for the HTML Entity here.

HTML

You are provided with an HTML file to test your table in the browser.

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FromJSONToHTMLTable</title>
    <style>
        table,th{
            border: groove;
            border-collapse: collapse;
        }
        td{
            border: 1px solid black;
        }
        td,th{
            padding: 5px;
        }
    </style>
</head>
<body>
    <div id="wrapper">
    </div>
    <script>
        function fromJSONToHTMLTable(input){
            //Write your code here
        }
        window.onload = function(){
            let container = document.getElementById('wrapper');
            container.innerHTML = fromJSONToHTMLTable(['[{"Name":"Stamat","Price":5.5},{"Name":"Rumen","Price":6}]']);
        };
    </script>
</body>
</html>

Examples

Input

Output

'[{"Name":"Stamat",

"Score":5.5},

{"Name":"Rumen",

"Score":6}]'

<table>

<tr><th>Name</th><th>Score</th></tr>

<tr><td>Stamat</td><td>5.5</td></tr>

<tr><td>Rumen</td><td>6</td></tr>

</table>

'[{"Name":"Pesho",

"Score":4,

" Grade":8},
{"Name":"Gosho",

"Score":5,

" Grade":8},

{"Name":"Angel",

"Score":5.50,

" Grade":10}]'

<table>

<tr><th>Name</th><th>Score</th><th>Grade</th></tr>

<tr><td>Pesho</td><td>4</td><td>8</td></tr>

<tr><td>Gosho</td><td>5</td><td>8</td></tr>

<tr><td>Angel</td><td>5.5</td><td>10</td></tr>

</table>

23/01/2021 01:06:40

willystyle 2472 Точки

оказа се, е една нула ни чупи, незнам от къде си взел ескейп функцията, но трябва да е:

.replace(/'/g, ''');

т.е. без нулата пред 39 :)

23/01/2021 10:21:04

willystyle 2472 Точки

между другото, аз дори в работни проекти на продакшън ползвам функцията от underscore за ескейп, опримизирана е:

function escapeHtml(str) {
    // html escape from Underscore.js https://coderwall.com/p/ostduq/escape-html-with-javascript
    let entityMap = {
        "&": "&amp;",
        "<": "&lt;",
        ">": "&gt;",
        '"': '&quot;',
        "'": '&#39;',
        "/": '&#x2F;'
    };
    return str.replace(/[&<>"'\/]/g, (s) => entityMap[s]);
}

23/01/2021 10:25:39

Покажи всички коментари

Sheridan7213 0 Точки

The main mission of our writing platform is to persuade your supervisor of the https://www.annotatedbibliographymaker.com/ scientific importance of your topic and the examined issues and explain what investigations you plan to execute to strengthen your project.

-1

24/01/2021 22:56:35 24/01/2021 22:57:44 3