homework/js-04/js.js

// ЗАДАНИЕ 1 - 3 persons
// var a = {
//   name: "",
//   surname: ""
// };
// var b = {
//   name: "",
//   surname: ""
// };
// var c = {
//   name: "",
//   surname: ""
// };
// console.log(Object.keys(a));
// console.log(Object.keys(b));
// console.log(Object.keys(c));

// ЗАДАНИЕ 2 - different fields
// var a = {
//   name: "",
//   surname: "",
//   age: ""
// };
// var b = {
//   name: "",
//   surname: "",
//   fathername: ""
// };
// var c = {
//   name: "",
//   surname: "",
//   brathers: ""
// };
// console.log(Object.keys(a));
// console.log(Object.keys(b));
// console.log(Object.keys(c));

// ЗАДАНИЕ 4 - array of persons
// var persons = [];
// var a = {
//   name: "",
//   surname: "",
//   age: ""
// };
// var b = {
//   name: "",
//   surname: "",
//   fathername: ""
// };
// var c = {
//   name: "",
//   surname: "",
//   brathers: ""
// };
// persons.push (Object.keys(a));
// persons.push (Object.keys(b));
// persons.push (Object.keys(c));
// console.log(persons);

// ЗАДАНИЕ 5 - loop of persons
// var persons = [];
// var a = {
//   name: "",
//   surname: "",
//   age: ""
// };
// var b = {
//   name: "",
//   surname: "",
//   fathername: ""
// };
// var c = {
//   name: "",
//   surname: "",
//   brathers: ""
// };
// persons.push (a, b, c);
// for (var i=0; i<5; i++){
//     console.log(persons[i]);
// }

// ЗАДАНИЕ 6 - loop of name and surname
// var persons = [];
// var a = {
//   name: "Артур",
//   surname: "Козлов",
//   age: 20
// };
// var b = {
//   name: "Евгений",
//   surname: "Золотопуп",
//   fathername: "Андрей"
// };
// var c = {
//   name: "Костя",
//   surname: "Перец",
//   brathers: "Боря"
// };
// persons.push (a, b, c);
// for (var person of persons) {
//   console.log(person.name, person.surname);
// }

// ЗАДАНИЕ 7 - loop of loop of values
// var persons = [];
// var a = {
//   name: "Артур",
//   surname: "Козлов",
//   age: 20
// };
// var b = {
//   name: "Евгений",
//   surname: "Золотопуп",
//   fathername: "Андрей"
// };
// var c = {
//   name: "Костя",
//   surname: "Перец",
//   brathers: "Боря"
// };
// persons.push (a, b, c);
// for (var person of persons) {
//   console.log(Object.values(person));
// }

// ЗАДАНИЕ 9 - serialize
// var persons = [];
// var a = {
//   name: "Артур",
//   surname: "Козлов",
//   age: 20
// };
// var b = {
//   name: "Евгений",
//   surname: "Золотопуп",
//   fathername: "Андрей"
// };
// var c = {
//   name: "Костя",
//   surname: "Перец",
//   brathers: "Боря"
// };
// persons.push (a, b, c);
// var json = JSON.stringify(persons);
// console.log(json);

// ЗАДАНИЕ 11 - HTML
// var persons = [];
// var a = {
//   name: "Артур",
//   surname: "Козлов",
//   age: 20
// };
// var b = {
//   name: "Евгений",
//   surname: "Золотопуп",
//   fathername: "Андрей"
// };
// var c = {
//   name: "Костя",
//   surname: "Перец",
//   brathers: "Боря"
// };
// persons.push(a, b, c);
// var str = "<table border='2' style=border-color:red>";
// for (var i = 1; i <= 1; i++) {
//   str += `<tr><td></td><td>Имя</td><td>Фамилия</td></tr>`;
//   for (var k = 1; k < 2; k++) {
//     var personName = persons[0].name;
//     var personSurname = persons[0].surname;
//     str += `<tr><td>${k}</td><td>${personName}</td><td>${personSurname}</td></tr>`;
//   }
//   for (var k = 2; k < 3; k++) {
//     var personName = persons[1].name;
//     var personSurname = persons[1].surname;
//     str += `<tr><td>${k}</td><td>${personName}</td><td>${personSurname}</td></tr>`;
//   }
//   for (var k = 3; k < 4; k++) {
//     var personName = persons[2].name;
//     var personSurname = persons[2].surname;
//     str += `<tr><td>${k}</td><td>${personName}</td><td>${personSurname}</td></tr>`;
//   }
// }
// str += "</table>";
// document.write(str);


// ЗАДАНИЕ - СИНИЙ ПОЯС
// var someTree = {
//   tagName: "table",
//   attrs: {
//     border: 1
//   },
//   subTags: [
//     {
//       tagName: "tr",
//       subTags: [
//         {
//           tagName: "td",
//           text: "some text"
//         },
//         {
//           tagName: "td",
//           text: "some text 2"
//         }
//       ]
//     }
//   ]
// };

// let htmlTagBorder = `<${someTree.tagName}`;
// for (let attrName in someTree.attrs) {
//   htmlTagBorder += " " + attrName + "=" + someTree.attrs[attrName];
// }
// htmlTagBorder += ">";

// for (let i = 0; i < someTree.subTags.length; i++) {
//   let subTag = someTree.subTags[i];
//   var subTagTr = `<${subTag.tagName}`;
//   for (let attrName in subTag.attrs) {
//     subTagTr += " " + attrName + "=" + subTag.attrs[attrName]; 
//   }
//   subTagTr += ">"; 
//   for (let j = 0; j < subTag.subTags.length; j++) {
//     let subTag2 = subTag.subTags[j];
//     var subTag2Td = `<${subTag2.tagName}`;
//     for (let attrName in subTag2.attrs) {
//       subTag2Td += " " + attrName + "=" + subTag2.attrs[attrName]; //
//     }
//     subTag2Td += ">";
//     subTag2Td += subTag2.text;
//     subTag2Td += `</${subTag2.tagName}>`;
//     subTagTr += subTag2Td;
//   }

//   subTagTr += `</${subTag.tagName}>`;

//   htmlTagBorder += subTagTr;
// }

// htmlTagBorder += `</${someTree.tagName}>`;

// document.write(htmlTagBorder);