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, value] of Object.entries(persons)) {
//   for (const key in value) {
//     console.log(value[key]);
//   }
// }

// ЗАДАНИЕ 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 и HTML optional fields
// const persons = [];
// const a = {
//   name: "Артур",
//   surname: "Козлов",
//   age: 20,
// };
// const b = {
//   name: "Евгений",
//   surname: "Золотопуп",
//   fatherName: "Андрей",
// };
// const c = {
//   name: "Костя",
//   surname: "Перец",
//   brathers: "Боря",
// };
// persons.push(a, b, c);

// var str = "<table border='2' style=border-color:red; align=center>";
// str += `<tr><td></td><td>Имя</td><td>Фамилия</td><td>Возраст</td><td>Имя отца</td><td>Братья</td></tr>`;

// for (var i = 1; i <= 1; i++) {
//   str += `<tr><td>${i}</td><td>${persons[0].name}</td><td>${persons[0].surname}</td><td>${persons[0].age}</td><td>---</td><td>---</td>
//   </tr><tr><td>${i+=1}</td><td>${persons[1].name}</td><td>${persons[1].surname}</td><td>---</td><td>${persons[1].fatherName}</td><td>---</td></tr>
//   <tr><td>${i+=1}</td><td>${persons[2].name}</td><td>${persons[2].surname}</td><td>---</td><td>---</td><td>${persons[2].brathers}</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}`;
//   subTagTr += ">";
//   for (let j = 0; j < subTag.subTags.length; j++) {
//     let subTag2 = subTag.subTags[j];
//     var subTag2Td = `<${subTag2.tagName}`;
//     subTag2Td += ">";
//     subTag2Td += subTag2.text;
//     subTag2Td += `</${subTag2.tagName}>`;
//     subTagTr += subTag2Td;
//   }

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

//   htmlTagBorder += subTagTr;
// }

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

// document.write(htmlTagBorder);