12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- <header>
- <h1>Currency Table</h1>
- </header>
- <body>
- <script>
- const toHtmlTable = (arr) => {
- let str = "<table>";
- for (let arrEl of arr) {
- str += "<tr>";
- for (let val of arrEl) {
- str += `<td>${val}</td>`;
- }
- str += "</tr>";
- }
- str += "</table>";
- return str;
- }
-
- const createCurrencyTable = () => {
- fetch(`https://open.er-api.com/v6/latest/USD`)
- .then(response => response.json())
- .then(data => {
- const name = 0;
- const value = 1;
- let str = "<table>";
- arr = Object.entries(data.rates);
- str += "<tr><td></td>";
- for (let i = 0; i < arr.length; i++) {
- str += `<td>${arr[i][name]}</td>`;
- }
- str += "</tr>";
- for (let i = 0; i < arr.length; i++) {
- str += `<tr><td>${arr[i][name]}</td>`;
- currRate1 = arr[i][value];
- for (let j = 0; j < arr.length; j++) {
- currRate2 = arr[j][value];
- crossCurrRate = currRate2 / currRate1;
- str += `<td>${crossCurrRate.toFixed(3)}</td>`;
- }
- str += "</tr>";
- }
- str += "</table>";
- document.write(str);
- });
- }
- </script>
- </body>
|