Bladeren bron

+ js/04/index.html

ilya_shyian 2 jaren geleden
bovenliggende
commit
3289c8dfd3
1 gewijzigde bestanden met toevoegingen van 331 en 0 verwijderingen
  1. 331 0
      js/04/index.html

+ 331 - 0
js/04/index.html

@@ -0,0 +1,331 @@
+<!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>
+        <script>
+//HTML TREE
+
+            // 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: [],
+            //                 },
+            //             ],
+            //         },
+            //     ],
+            // };
+
+            // console.log(dictHTML.subTags[1].subTags[1].text);
+            // console.log(dictHTML.subTags[0].subTags[3].attrs.id);
+
+//DECLARATIVE FIELDS
+            // var notebook = {
+            //     brand: prompt("notebook brand"),
+            //     type: prompt("notebook type"),
+            //     model: prompt("notebook model"),
+            //     ram: +prompt("notebook ram"),
+            //     size: prompt("notebook size"),
+            //     weight: +prompt("notebook weight"),
+            //     resolution: {
+            //         width: +prompt("resolution width"),
+            //         height: +prompt("resolution height"),
+            //     },
+            // };
+
+            // var phone = {
+            //     brand: prompt("phone brand ?"),
+            //     model: prompt("phone model ?"),
+            //     ram: +prompt("phone ram"),
+            //     color: prompt("phone color ?"),
+            // };
+
+            // var person = {
+            //     name: prompt("name ?"),
+            //     surname: prompt("surname ?"),
+            //     married: confirm("married ?"),
+            // };
+
+            // console.log(notebook);
+            // console.log(phone);
+            // console.log(person);
+
+// OBJECT LINKS
+
+            // var notebook = {
+            //     brand: "HP",
+            //     type: "440 G4",
+            //     model: "Y7Z75EA",
+            //     ram: 4,
+            //     size: "14",
+            //     weight: 1.8,
+            //     resolution: {
+            //         width: 1920,
+            //         height: 1080,
+            //     },
+            // };
+
+            // var phone = {
+            //     brand: "meizu",
+            //     model: "m2",
+            //     ram: 2,
+            //     color: "black",
+            // };
+
+            // var person = {
+            //     name: "Donald",
+            //     surname: "Trump",
+            //     married: true,
+            // };
+
+            // notebook.owner = person;
+            // phone.owner = person;
+
+            // person.laptop = notebook;
+            // person.smartphone = phone;
+
+            // console.log(person.smartphone.owner.laptop.owner.smartphone == person.smartphone);
+
+//IMPERATIVE ARRAY FILL 3
+            // arr = []
+            // arr[0] = prompt("Enter first element");
+            // arr[1] = prompt("Enter second element");
+            // arr[2] = prompt("Enter third element");
+            //console.log(arr);
+
+//WHILE CONFIRM
+
+            // while (!confirm("stop?")) {}
+
+//ARRAY FILL
+
+            // let arr = [];
+            // let el = prompt("Enter new element", "");
+            // while (el !== null) {
+            //     arr.push(el);
+            //     el = prompt("Enter new element", "");
+            // }
+            // console.log(arr);
+
+//ARRAY FILL NOPUSH
+            // let arr = [];
+            // let el = prompt("Enter new element", "");
+            // while (el !== null) {
+            //     arr[arr.length] = el;
+            //     el = prompt("Enter new element", "");
+            // }
+            // console.log(arr);
+
+//INFINITE PROBABILITY
+
+            // let counter = 0;
+            // while (1) {
+            //     counter++;
+            //     if (Math.random() > 0.9) break;
+            // }
+            // alert(counter);
+
+//EMPTY LOOP
+
+            // while (prompt() === null) {}
+
+//PROGRESSION SUM
+            // let n = +prompt("Enter N", 1);
+            // for (let sum = 1; sum < n; sum += 3) {
+            //     console.log(sum);
+            // }
+
+//CHESS ONE LINE
+
+            // let lineLength = +prompt("Enter line length", 0);
+            // let str = "";
+            // for (let i = 0; i < lineLength; i++) {
+            //     if (i % 2 == 0) {
+            //         str += " ";
+            //     } else {
+            //         str += "#";
+            //     }
+            // }
+            // console.log(str);
+
+//NUMBERS
+
+            // let str = "";
+
+            // for (let i = 0; i <= 9; i++) {
+            //     for (let j = 0; j <= 9; j++) {
+            //         str += j;
+            //     }
+            //     str += "\n";
+            // }
+
+            // console.log(str);
+
+//CHESS
+
+            // let width = +prompt("Enter chess board width");
+            // let height = +prompt("Enter chess board height");
+            // let str = "";
+
+            // for (let i = 0; i < height; i++) {
+            //     for (let j = 0; j < width; j++) {
+            //         if (j == 0) {
+            //         }
+            //         if (str[str.length - 1] == "." || (j == 0 && str[str.length - width - 1] === ".")) {
+            //             str += "#";
+            //         } else {
+            //             str += ".";
+            //         }
+            //     }
+            //     str += "\n";
+            // }
+            // console.log(str);
+
+//CUBES
+
+            // let n = +prompt("Enter n");
+            // let arr = [];
+            // for (let i = 0; i <= n; i++) {
+            //     arr[i] = i ** 3;
+            // }
+            // console.log(arr);
+
+//MULTIPLY TABLE
+
+            // let arr = [];
+
+            // for (let i = 0; i <= 9; i++) {
+            //     arr[i] = [];
+            //     for (let j = 0; j <= 9; j++) {
+            //         arr[i][j] = i * j;
+            //     }
+            // }
+
+//MATRIX TO HTML TABLE
+
+            // let matrix = arr;
+            // let strHTML = "<table>";
+            // for (i in matrix) {
+            //     strHTML += "<tr>";
+            //     for (el of matrix[i]) {
+            //         strHTML += `<td>${el}</td>`;
+            //     }
+            //     strHTML += "</tr>";
+            // }
+            // strHTML += "</table>";
+            // document.write(strHTML);
+
+//ЗАДАНИЕ НА СИНИЙ ПОЯС: ТРЕУГОЛЬНИК
+
+            // let height = +prompt("Enter height of triangle");
+            // let str = "";
+            // let cells = 1;
+
+            // for (let i = 0; i < height; i++) {
+            //     let dots = height - i - 1;
+            //     str += `${".".repeat(dots)}${"#".repeat(cells)}${".".repeat(dots)}`;
+            //     str += "\n";
+            //     cells += 2;
+            // }
+            // console.log(str);
+
+//ЗАДАНИЕ НА ЧЕРНЫЙ ПОЯС: ЭЛЕКТРОННАЯ ГАДАЛКА
+            // let history = [1, 1, 1, 1];
+            // let predictArray = [
+            //     [
+            //         [
+            //             [-1, -1],
+            //             [-1, -1],
+            //         ],
+            //         [
+            //             [-1, -1],
+            //             [-1, -1],
+            //         ],
+            //     ],
+            //     [
+            //         [
+            //             [-1, -1],
+            //             [-1, -1],
+            //         ],
+            //         [
+            //             [-1, -1],
+            //             [-1, -1],
+            //         ],
+            //     ],
+            // ];
+            // let input;
+            // while (true) {
+            //     console.clear();
+            //     for (el of history) console.log(el);
+            //     if (predictArray[history[0]][history[1]][history[2]][history[3]] === -1) {
+            //         console.log("now - " + Math.floor(Math.random() * 2));
+            //     } else {
+            //         console.log("now - " + predictArray[history[0]][history[1]][history[2]][history[3]]);
+            //     }
+            //     input = prompt("Enter the number (1 or 0)");
+            //     if (input === null) break;
+            //     input = +input;
+
+            //     predictArray[history[0]][history[1]][history[2]][history[3]] = input;
+            //     history.shift();
+            //     history.push(input);
+            // }
+        </script>
+    </body>
+</html>