GennadyBerg před 2 roky
rodič
revize
dfa53744fa

+ 0 - 58
js/08/hw08_10_CurrencyTable.html

@@ -1,58 +0,0 @@
-<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>

+ 0 - 32
js/08/hw08_11_Form.html

@@ -1,32 +0,0 @@
-<header>
-    <h1>Literals</h1>
-</header>
-
-<body>
-    <script>
-        
-    </script>
-
-</body>
-
-obj = {
-    "Name": "chevrolet chevelle malibu",
-    "Cylinders": 8,
-    "Displacement": 307,
-    "Horsepower": 130,
-    "Weight_in_lbs": 3504,
-    "Origin": "USA",
-    "in_production": false
-}
-
-const typesMap = { 'boolean': 'checkbox', 'number': 'number', 'string': 'text' };
-let str = "<form>\n"
-for (var name in obj) {
-    value = obj[name];
-    type = typeof value;
-    htmlType = typesMap[type];
-    str += `   <label>${name}: <input type="${htmlType}" value="${value}" /></label>\n`;
-}
-str += "<form>"
-document.write(str)
-alert(str)

+ 30 - 9
js/08/hw08_12_ArrayOfObj.html

@@ -1,18 +1,39 @@
 <header>
-    <h1>Literals</h1>
+    <h1>ArreyOfObject</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;
+        }
         var persons = [
-    {name: "Иван", age: 17},
-    {name: "Мария", age: 35},
-    {name: "Алексей", age: 73},
-    {name: "Яков", age: 12},
-]
-
-sort(persons, "age"); //сортирует по возрасту по возрастанию
-sort(persons, "name", false); //сортирует по имени по убыванию
+            { name: "Иван", age: 17 },
+            { name: "Мария", age: 35 },
+            { name: "Алексей", age: 73 },
+            { name: "Яков", age: 12 },
+        ]
+        /*a   b   comp<    asc     res
+        1   2   true    false   false
+        2   1   false   false   true
+        
+        1   2   true    true   true
+        2   1   false   true   false*/
+        const sort = (arr, name, asc = true) =>
+            arr.sort((a, b) => (a[name] < b[name]) == asc ? -1 : 1);
+        sort(persons, "age"); //сортирует по возрасту по возрастанию
+        document.write(toHtmlTable(persons.map(p => Object.entries(p))));
+        sort(persons, "name", false); //сортирует по имени по убыванию
+        document.write(toHtmlTable(persons.map(p => Object.entries(p))));
     </script>
 
 </body>