123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>Document</title>
- </head>
- <body>
- <style>
- tr.striped:nth-child(even) {
- background: #c1c1c1;
- }
- </style>
- <script>
- //3 PERSONS
- // let a = {
- // name:"name1",
- // surname:"surname1"
- // }
- // let b = {
- // name:"name2",
- // surname:"surname2"
- // }
- // let c = {
- // name:"name3",
- // surname:"surname3"
- // }
- //DIFFERENT FIELDS
- // let a = {
- // name:"name1",
- // surname:"surname1",
- // age:32,
- // sex:"male"
- // }
- // let b = {
- // name:"name2",
- // surname:"surname2",
- // age:13,
- // fathername:"fathername2"
- // }
- // let c = {
- // name:"name3",
- // surname:"surname3",
- // sex:"female",
- // age:32
- // }
- //FIELDS CHECK
- // let a = {
- // name: "name1",
- // surname: "surname1",
- // age: 32,
- // sex: "male",
- // };
- // let b = {
- // name: "name2",
- // surname: "surname2",
- // age: 13,
- // fathername: "fathername2",
- // };
- // let c = {
- // name: "name3",
- // surname: "surname3",
- // sex: "female",
- // age: 32,
- // };
- // let checkOtherFields = (dict) => {
- // for (key in dict) {
- // if (key != "name" && key != "surname") {
- // alert(key + " " + dict[key]);
- // }
- // }
- // };
- // checkOtherFields(a);
- // checkOtherFields(b);
- // checkOtherFields(c);
- //ARRAY OF PERSONS
- // let a = {
- // name: "name1",
- // surname: "surname1",
- // age: 32,
- // sex: "male",
- // };
- // let b = {
- // name: "name2",
- // surname: "surname2",
- // age: 13,
- // fathername: "fathername2",
- // };
- // let c = {
- // name: "name3",
- // surname: "surname3",
- // sex: "female",
- // age: 32,
- // };
- // let persons = [a, b, c];
- // persons[persons.length] = {
- // name: "name4",
- // surname: "surname4",
- // age: 44,
- // };
- //LOOP OF PERSONS
- // let a = {
- // name: "name1",
- // surname: "surname1",
- // age: 32,
- // sex: "male",
- // };
- // let b = {
- // name: "name2",
- // surname: "surname2",
- // age: 13,
- // fathername: "fathername2",
- // };
- // let c = {
- // name: "name3",
- // surname: "surname3",
- // sex: "female",
- // age: 32,
- // };
- // let persons = [a, b, c];
- // persons[persons.length] = {
- // name: "name4",
- // surname: "surname4",
- // age: 44,
- // };
- // for (let i = 0; i < persons.length; i++) {
- // console.log(persons[i]);
- // }
- //LOOP OF NAME AND SURNAME
- // let a = {
- // name: "name1",
- // surname: "surname1",
- // age: 32,
- // sex: "male",
- // };
- // let b = {
- // name: "name2",
- // surname: "surname2",
- // age: 13,
- // fathername: "fathername2",
- // };
- // let c = {
- // name: "name3",
- // surname: "surname3",
- // sex: "female",
- // age: 32,
- // };
- // let persons = [a, b, c];
- // persons[persons.length] = {
- // name: "name4",
- // surname: "surname4",
- // age: 44,
- // };
- // for (persone of persons) {
- // console.log(persone["name"] + " " + persone.surname);
- // }
- //LOOP OF LOOP OF VALUES
- // let a = {
- // name: "name1",
- // surname: "surname1",
- // age: 32,
- // sex: "male",
- // };
- // let b = {
- // name: "name2",
- // surname: "surname2",
- // age: 13,
- // fathername: "fathername2",
- // };
- // let c = {
- // name: "name3",
- // surname: "surname3",
- // sex: "female",
- // age: 32,
- // };
- // let persons = [a, b, c];
- // persons[persons.length] = {
- // name: "name4",
- // surname: "surname4",
- // age: 44,
- // };
- // for (persone of persons) {
- // for (key in persone) {
- // console.log(persone[key]);
- // }
- // console.log("\n");
- // }
- //FULLNAME
- // let a = {
- // name: "name1",
- // surname: "surname1",
- // age: 32,
- // sex: "male",
- // };
- // let b = {
- // name: "name2",
- // surname: "surname2",
- // age: 13,
- // fathername: "fathername2",
- // };
- // let c = {
- // name: "name3",
- // surname: "surname3",
- // sex: "female",
- // age: 32,
- // };
- // let persons = [a, b, c];
- // persons[persons.length] = {
- // name: "name4",
- // surname: "surname4",
- // age: 44,
- // };
- // for (persone of persons) {
- // persone.fullname = ` ${persone.surname} ${persone.name}`;
- // persone.fullname += persone.fathername ? ` ${persone.fathername}` : "";
- // console.log(persone.fullname);
- // }
- //SERIALIZE
- // let a = {
- // name: "name1",
- // surname: "surname1",
- // age: 32,
- // sex: "male",
- // };
- // let b = {
- // name: "name2",
- // surname: "surname2",
- // age: 13,
- // fathername: "fathername2",
- // };
- // let c = {
- // name: "name3",
- // surname: "surname3",
- // sex: "female",
- // age: 32,
- // };
- // let persons = [a, b, c];
- // persons[persons.length] = {
- // name: "name4",
- // surname: "surname4",
- // age: 44,
- // };
- // let jsonStr = JSON.stringify(persons);
- // console.log(jsonStr);
- //DESERIALIZE
- // let a = {
- // name: "name1",
- // surname: "surname1",
- // age: 32,
- // sex: "male",
- // };
- // let b = {
- // name: "name2",
- // surname: "surname2",
- // age: 13,
- // fathername: "fathername2",
- // };
- // let c = {
- // name: "name3",
- // surname: "surname3",
- // sex: "female",
- // age: 32,
- // };
- // let persons = [a, b, c];
- // persons[persons.length] = {
- // name: "name4",
- // surname: "surname4",
- // age: 44,
- // };
- // persons[persons.length] = JSON.parse(
- // '{"name":"name5","surname":"surname5","fathername":"fathername5","age":52,"sex":"male"}'
- // );
- //HTML
- // let a = {
- // name: "name1",
- // surname: "surname1",
- // age: 32,
- // sex: "male",
- // };
- // let b = {
- // name: "name2",
- // surname: "surname2",
- // age: 13,
- // fathername: "fathername2",
- // };
- // let c = {
- // name: "name3",
- // surname: "surname3",
- // sex: "female",
- // age: 32,
- // };
- // let persons = [a, b, c];
- // persons[persons.length] = {
- // name: "name4",
- // surname: "surname4",
- // age: 44,
- // };
- // persons[persons.length] = JSON.parse(
- // '{"name":"name5","surname":"surname5","fathername":"fathername5","age":52,"sex":"male"}'
- // );
- // let str = "<table><tr><td>name</td><td>surname</td></tr>";
- // for (persone of persons) {
- // str += `<tr><td>${persone.name}</td><td>${persone.surname}</td></tr>`;
- // }
- // str += "</table>";
- // document.write(str);
- //HTML OPTIONAL FIELDS
- // let a = {
- // name: "name1",
- // surname: "surname1",
- // age: 32,
- // sex: "male",
- // };
- // let b = {
- // name: "name2",
- // surname: "surname2",
- // age: 13,
- // fathername: "fathername2",
- // };
- // let c = {
- // name: "name3",
- // surname: "surname3",
- // sex: "female",
- // age: 32,
- // };
- // let persons = [a, b, c];
- // persons[persons.length] = {
- // name: "name4",
- // surname: "surname4",
- // age: 44,
- // };
- // persons[persons.length] = JSON.parse(
- // '{"name":"name5","surname":"surname5","fathername":"fathername5","age":52,"sex":"male"}'
- // );
- // let str = "<table border=1><tr><td>number</td>";
- // let keys = [];
- // for (persone of persons) {
- // for (key in persone) {
- // keys.push(key);
- // }
- // }
- // keys = [...new Set(keys)];
- // for (key of keys) {
- // str += `<td>${key}</td>`;
- // }
- // str += "</tr>";
- // for (idx in persons) {
- // str += `<tr><td>${idx}</td>`;
- // for (key of keys) {
- // str += `<td>${persons[idx][key] ?? ""}</td>`;
- // }
- // str += "</tr>";
- // }
- // str += "</table>";
- // document.write(str);
- //HTML TR COLOR
- // let a = {
- // name: "name1",
- // surname: "surname1",
- // age: 32,
- // sex: "male",
- // };
- // let b = {
- // name: "name2",
- // surname: "surname2",
- // age: 13,
- // fathername: "fathername2",
- // };
- // let c = {
- // name: "name3",
- // surname: "surname3",
- // sex: "female",
- // age: 32,
- // };
- // let persons = [a, b, c];
- // persons[persons.length] = {
- // name: "name4",
- // surname: "surname4",
- // age: 44,
- // };
- // persons[persons.length] = JSON.parse(
- // '{"name":"name5","surname":"surname5","fathername":"fathername5","age":52,"sex":"male"}'
- // );
- // let str = "<table border=1><tr><td>number</td>";
- // let keys = [];
- // for (persone of persons) {
- // for (key in persone) {
- // keys.push(key);
- // }
- // }
- // keys = [...new Set(keys)];
- // for (key of keys) {
- // str += `<td>${key}</td>`;
- // }
- // str += "</tr>";
- // for (idx in persons) {
- // str += `<tr class = "striped"><td>${idx}</td>`;
- // for (key of keys) {
- // str += `<td>${persons[idx][key] ?? ""}</td>`;
- // }
- // str += "</tr>";
- // }
- // str += "</table>";
- // document.write(str);
- // HTML TH OPTIONAL
- // let a = {
- // name: "name1",
- // surname: "surname1",
- // age: 32,
- // sex: "male",
- // };
- // let b = {
- // name: "name2",
- // surname: "surname2",
- // age: 13,
- // fathername: "fathername2",
- // };
- // let c = {
- // name: "name3",
- // surname: "surname3",
- // sex: "female",
- // age: 32,
- // };
- // let persons = [a, b, c];
- // persons[persons.length] = {
- // name: "name4",
- // surname: "surname4",
- // age: 44,
- // };
- // persons[persons.length] = JSON.parse(
- // '{"name":"name5","surname":"surname5","fathername":"fathername5","age":52,"sex":"male"}'
- // );
- // let str = "<table border=1><tr><th>number</th>";
- // let keys = [];
- // for (persone of persons) {
- // for (key in persone) {
- // keys.push(key);
- // }
- // }
- // keys = [...new Set(keys)];
- // keys.sort();
- // for (key of keys) {
- // str += `<th>${key}</th>`;
- // }
- // str += "</tr>";
- // for (idx in persons) {
- // str += `<tr class = "striped"><th>${idx + 1}</th>`;
- // for (key of keys) {
- // str += `<td>${persons[idx][key] ?? ""}</td>`;
- // }
- // str += "</tr>";
- // }
- // str += "</table>";
- // document.write(str);
- //ЗАДАНИЕ НА СИНИЙ ПОЯС.
- // let dictHTML = {
- // tagName: "body",
- // attrs: {},
- // subTags: [
- // {
- // tagName: "div",
- // attrs: {},
- // subTags: [
- // {
- // tagName: "span",
- // text: "Enter a data please:",
- // attrs: {},
- // subTags: [],
- // },
- // {
- // tagName: "br",
- // attrs: {},
- // subTags: [],
- // },
- // {
- // tagName: "input",
- // attrs: {
- // type: "text",
- // id: "name",
- // },
- // subTags: [],
- // },
- // {
- // tagName: "input",
- // attrs: {
- // type: "text",
- // id: "surname",
- // },
- // subTags: [],
- // },
- // ],
- // },
- // {
- // tagName: "div",
- // attrs: {},
- // subTags: [
- // {
- // tagName: "button",
- // attrs: {
- // id: "ok",
- // },
- // text: "OK",
- // subTags: [],
- // },
- // {
- // tagName: "button",
- // attrs: {
- // id: "cancel",
- // },
- // text: "Cancel",
- // subTags: [],
- // },
- // ],
- // },
- // ],
- // };
- // function contsractHTML(htmlTree) {
- // let str = `<${htmlTree["tagName"]}`;
- // for (attrName in htmlTree["attrs"]) {
- // str += ` ${attrName}="${htmlTree["attrs"][attrName]}" `;
- // }
- // str += ">";
- // str += htmlTree["text"] ?? "";
- // if (htmlTree.subTags) {
- // for (tag of htmlTree.subTags) str += contsractHTML(tag);
- // }
- // str += `</${htmlTree["tagName"]}>`;
- // return str;
- // }
- // let html = contsractHTML(dictHTML);
- // document.write(html);
- //DESTRUCT ARRAY
- // let arr = [1, 2, 3, 4, 5, "a", "b", "c"];
- // let [odd1, even1, odd2, even2, odd3, ...rest] = arr;
- //DESTRUCT STRING
- // let arr = [1, "abc"];
- // let [number, [s1, s2, s3]] = arr;
- //DESTRUCT 2
- // let obj = { name: "Ivan", surname: "Petrov", children: [{ name: "Maria" }, { name: "Nikolay" }] };
- // let [{ name: name1 }, { name: name2 }] = obj["children"];
- //DESTRUCT 3
- // let arr = [1, 2, 3, 4, 5, 6, 7, 10];
- // let { 0: a, 1: b, length: length, ...rest } = arr;
- //ЗАДАНИЕ НА ЧЕРНЫЙ ПОЯС
- // let history = "1111";
- // let predictArray = {};
- // let input;
- // while (true) {
- // console.clear();
- // for (el of history) console.log(el);
- // if (!(history in predictArray)) {
- // console.log("now - " + Math.floor(Math.random() * 2));
- // } else {
- // console.log("now - " + predictArray[history]);
- // }
- // input = prompt("Enter the number (1 or 0)");
- // if (input === null) break;
- // input = +input;
- // predictArray[history] = input;
- // history = history.substr(1);
- // history += input;
- // }
- </script>
- </body>
- </html>
|