5 almost all

js_homework_05/index.js

@@ -1,20 +1,20 @@
 // 3 persons
 // Сделать три ассоциативных массива a, b, c, в каждом из которых должны быть поля name и surname.
-let a = {
-    name: 'S',
-    surname: 'H',
+// let a = {
+//     name: 'S',
+//     surname: 'H',
 
-}
-let b = {
-    name: 'S',
-    surname: 'H',
+// }
+// let b = {
+//     name: 'S',
+//     surname: 'H',
 
-}
-let c = {
-    name: 'S',
-    surname: 'H',
+// }
+// let c = {
+//     name: 'S',
+//     surname: 'H',
 
-}
+// }
 
 // different fields
 // Добавьте некоторые другие поля (например age, fathername, sex (пол)) так, что бы набор полей отличался у разных объектов
@@ -108,4 +108,63 @@ for (let i of persons) {
 }
 console.log(persons)
 // serialize
-// Создайте JSON-строку из persons
+// Создайте JSON-строку из persons
+
+
+let json = JSON.stringify(persons);
+
+console.log(typeof json);
+console.log(json)
+
+// deserialize
+// Создайте ассоциативный массив с одной персоной из JSON-строки. Добавьте её в persons
+
+// Пыталась сделать с помощью интернета не получилось 
+
+// HTML
+// Сделайте цикл, который выводит весь массив persons, в форме HTML-таблицы. Имя и Фамилия - колонки
+
+// let strResult = `<table border="2"  width= "200px" bgcolor="pink" cellpadding="10px" align="center" >`;
+// strResult+= `<tr><td>name</td> <td>surname</td></tr>`;
+// for (i in persons) {
+//     strResult += `<tr><td>${(persons[i].name) || ""}</td><td>${(persons[i].name) || ""}</td></tr>`;
+// };
+// strResult+= `</table>`;
+// document.write(strResult);
+
+
+// HTML optional fields
+// Сделайте цикл, который выводит весь массив persons, в форме HTML-таблицы. Имя и Фамилия, а так же другие поля при наличии. Колонки: поля, строки таблицы - персоны.
+// let strResult = `<table border="2"  width= "200px" bgcolor="pink" cellpadding="10px" align="center" >`;
+// strResult+= `<tr><td>name</td> <td>surname</td></tr>`;
+// for (let i of persons) {
+//     strResult+= `<tr>`;
+//     for (let [key,value] of Object.entries(i)) {
+    
+//         strResult +=`<td>${key}</td><td>${value}</td>`;
+//     }
+//     strResult+=`</tr>`
+// }
+// strResult+='</table>';
+// document.write(strResult);
+
+// HTML tr color
+// Добавьте к предыдущему примеру раскраску через строчку используя другой стиль тэга tr.
+
+let strResult = `<table border="2"  width= "200px" bgcolor="pink" cellpadding="10px" align="center" >`;
+strResult+= `<tr><td>name</td> <td>surname</td></tr>`;
+k = 0;
+for (let i of persons) {
+    // strResult+= `<tr>`;
+
+    if (k % 2 == 0) strResult+= `<tr style="background-color: yellow;" >`;
+    else strResult+= `<tr>`;
+    for (let [key,value] of Object.entries(i)) {
+    
+        strResult +=`<td>${key}</td><td>${value}</td>`;
+    }
+    strResult+=`</tr>`
+    k++
+}
+strResult+='</table>';
+document.write(strResult);