|
|
@@ -0,0 +1,243 @@
|
|
|
+// ЗАДАНИЕ 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);
|
