index.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <script>
  11. //HTML TREE
  12. // let dictHTML = {
  13. // tagName: "body",
  14. // attrs: {},
  15. // subTags: [
  16. // {
  17. // tagName: "div",
  18. // attrs: {},
  19. // subTags: [
  20. // {
  21. // tagName: "span",
  22. // text: "Enter a data please:",
  23. // attrs: {},
  24. // subTags: [],
  25. // },
  26. // {
  27. // tagName: "br",
  28. // attrs: {},
  29. // subTags: [],
  30. // },
  31. // {
  32. // tagName: "input",
  33. // attrs: {
  34. // type: "text",
  35. // id: "name",
  36. // },
  37. // subTags: [],
  38. // },
  39. // {
  40. // tagName: "input",
  41. // attrs: {
  42. // type: "text",
  43. // id: "surname",
  44. // },
  45. // subTags: [],
  46. // },
  47. // ],
  48. // },
  49. // {
  50. // tagName: "div",
  51. // attrs: {},
  52. // subTags: [
  53. // {
  54. // tagName: "button",
  55. // attrs: {
  56. // id: "ok",
  57. // },
  58. // text: "OK",
  59. // subTags: [],
  60. // },
  61. // {
  62. // tagName: "button",
  63. // attrs: {
  64. // id: "cancel",
  65. // },
  66. // text: "Cancel",
  67. // subTags: [],
  68. // },
  69. // ],
  70. // },
  71. // ],
  72. // };
  73. // console.log(dictHTML.subTags[1].subTags[1].text);
  74. // console.log(dictHTML.subTags[0].subTags[3].attrs.id);
  75. //DECLARATIVE FIELDS
  76. // var notebook = {
  77. // brand: prompt("notebook brand"),
  78. // type: prompt("notebook type"),
  79. // model: prompt("notebook model"),
  80. // ram: +prompt("notebook ram"),
  81. // size: prompt("notebook size"),
  82. // weight: +prompt("notebook weight"),
  83. // resolution: {
  84. // width: +prompt("resolution width"),
  85. // height: +prompt("resolution height"),
  86. // },
  87. // };
  88. // var phone = {
  89. // brand: prompt("phone brand ?"),
  90. // model: prompt("phone model ?"),
  91. // ram: +prompt("phone ram"),
  92. // color: prompt("phone color ?"),
  93. // };
  94. // var person = {
  95. // name: prompt("name ?"),
  96. // surname: prompt("surname ?"),
  97. // married: confirm("married ?"),
  98. // };
  99. // console.log(notebook);
  100. // console.log(phone);
  101. // console.log(person);
  102. // OBJECT LINKS
  103. // var notebook = {
  104. // brand: "HP",
  105. // type: "440 G4",
  106. // model: "Y7Z75EA",
  107. // ram: 4,
  108. // size: "14",
  109. // weight: 1.8,
  110. // resolution: {
  111. // width: 1920,
  112. // height: 1080,
  113. // },
  114. // };
  115. // var phone = {
  116. // brand: "meizu",
  117. // model: "m2",
  118. // ram: 2,
  119. // color: "black",
  120. // };
  121. // var person = {
  122. // name: "Donald",
  123. // surname: "Trump",
  124. // married: true,
  125. // };
  126. // notebook.owner = person;
  127. // phone.owner = person;
  128. // person.laptop = notebook;
  129. // person.smartphone = phone;
  130. // console.log(person.smartphone.owner.laptop.owner.smartphone == person.smartphone);
  131. //IMPERATIVE ARRAY FILL 3
  132. // arr = []
  133. // arr[0] = prompt("Enter first element");
  134. // arr[1] = prompt("Enter second element");
  135. // arr[2] = prompt("Enter third element");
  136. //console.log(arr);
  137. //WHILE CONFIRM
  138. // while (!confirm("stop?")) {}
  139. //ARRAY FILL
  140. // let arr = [];
  141. // let el = prompt("Enter new element", "");
  142. // while (el !== null) {
  143. // arr.push(el);
  144. // el = prompt("Enter new element", "");
  145. // }
  146. // console.log(arr);
  147. //ARRAY FILL NOPUSH
  148. // let arr = [];
  149. // let el = prompt("Enter new element", "");
  150. // while (el !== null) {
  151. // arr[arr.length] = el;
  152. // el = prompt("Enter new element", "");
  153. // }
  154. // console.log(arr);
  155. //INFINITE PROBABILITY
  156. // let counter = 0;
  157. // while (1) {
  158. // counter++;
  159. // if (Math.random() > 0.9) break;
  160. // }
  161. // alert(counter);
  162. //EMPTY LOOP
  163. // while (prompt() === null) {}
  164. //PROGRESSION SUM
  165. // let n = +prompt("Enter N", 1);
  166. // for (let sum = 1; sum < n; sum += 3) {
  167. // console.log(sum);
  168. // }
  169. //CHESS ONE LINE
  170. // let lineLength = +prompt("Enter line length", 0);
  171. // let str = "";
  172. // for (let i = 0; i < lineLength; i++) {
  173. // if (i % 2 == 0) {
  174. // str += " ";
  175. // } else {
  176. // str += "#";
  177. // }
  178. // }
  179. // console.log(str);
  180. //NUMBERS
  181. // let str = "";
  182. // for (let i = 0; i <= 9; i++) {
  183. // for (let j = 0; j <= 9; j++) {
  184. // str += j;
  185. // }
  186. // str += "\n";
  187. // }
  188. // console.log(str);
  189. //CHESS
  190. // let width = +prompt("Enter chess board width");
  191. // let height = +prompt("Enter chess board height");
  192. // let str = "";
  193. // for (let i = 0; i < height; i++) {
  194. // for (let j = 0; j < width; j++) {
  195. // if (j == 0) {
  196. // }
  197. // if (str[str.length - 1] == "." || (j == 0 && str[str.length - width - 1] === ".")) {
  198. // str += "#";
  199. // } else {
  200. // str += ".";
  201. // }
  202. // }
  203. // str += "\n";
  204. // }
  205. // console.log(str);
  206. //CUBES
  207. // let n = +prompt("Enter n");
  208. // let arr = [];
  209. // for (let i = 0; i <= n; i++) {
  210. // arr[i] = i ** 3;
  211. // }
  212. // console.log(arr);
  213. //MULTIPLY TABLE
  214. // let arr = [];
  215. // for (let i = 0; i <= 9; i++) {
  216. // arr[i] = [];
  217. // for (let j = 0; j <= 9; j++) {
  218. // arr[i][j] = i * j;
  219. // }
  220. // }
  221. //MATRIX TO HTML TABLE
  222. // let matrix = arr;
  223. // let strHTML = "<table>";
  224. // for (i in matrix) {
  225. // strHTML += "<tr>";
  226. // for (el of matrix[i]) {
  227. // strHTML += `<td>${el}</td>`;
  228. // }
  229. // strHTML += "</tr>";
  230. // }
  231. // strHTML += "</table>";
  232. // document.write(strHTML);
  233. //ЗАДАНИЕ НА СИНИЙ ПОЯС: ТРЕУГОЛЬНИК
  234. // let height = +prompt("Enter height of triangle");
  235. // let str = "";
  236. // let cells = 1;
  237. // for (let i = 0; i < height; i++) {
  238. // let dots = height - i - 1;
  239. // str += `${".".repeat(dots)}${"#".repeat(cells)}${".".repeat(dots)}`;
  240. // str += "\n";
  241. // cells += 2;
  242. // }
  243. // console.log(str);
  244. //ЗАДАНИЕ НА ЧЕРНЫЙ ПОЯС: ЭЛЕКТРОННАЯ ГАДАЛКА
  245. // let history = [1, 1, 1, 1];
  246. // let predictArray = [
  247. // [
  248. // [
  249. // [-1, -1],
  250. // [-1, -1],
  251. // ],
  252. // [
  253. // [-1, -1],
  254. // [-1, -1],
  255. // ],
  256. // ],
  257. // [
  258. // [
  259. // [-1, -1],
  260. // [-1, -1],
  261. // ],
  262. // [
  263. // [-1, -1],
  264. // [-1, -1],
  265. // ],
  266. // ],
  267. // ];
  268. // let input;
  269. // while (true) {
  270. // console.clear();
  271. // for (el of history) console.log(el);
  272. // if (predictArray[history[0]][history[1]][history[2]][history[3]] === -1) {
  273. // console.log("now - " + Math.floor(Math.random() * 2));
  274. // } else {
  275. // console.log("now - " + predictArray[history[0]][history[1]][history[2]][history[3]]);
  276. // }
  277. // input = prompt("Enter the number (1 or 0)");
  278. // if (input === null) break;
  279. // input = +input;
  280. // predictArray[history[0]][history[1]][history[2]][history[3]] = input;
  281. // history.shift();
  282. // history.push(input);
  283. // }
  284. </script>
  285. </body>
  286. </html>