homework4.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376
  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>Homework 4</title>
  8. </head>
  9. <body>
  10. <table width="100%" border="1" cellspacing="0" cellpadding="4">
  11. <caption>
  12. Таблица Пифагора
  13. </caption>
  14. <tr>
  15. <th></th>
  16. <th>1</th>
  17. <th>2</th>
  18. <th>3</th>
  19. <th>4</th>
  20. <th>5</th>
  21. <th>6</th>
  22. <th>7</th>
  23. <th>8</th>
  24. <th>9</th>
  25. <th>10</th>
  26. </tr>
  27. </table>
  28. <script>
  29. // -------------------------html tree
  30. // let body = {
  31. // tagName: "body",
  32. // subTags: [
  33. // {
  34. // tagName: "div",
  35. // subTags: [
  36. // {
  37. // tagName: "span",
  38. // text: "Enter a data please:",
  39. // },
  40. // {
  41. // tagName: "br",
  42. // },
  43. // {
  44. // tagName: "input",
  45. // attrs: {
  46. // type: "text",
  47. // id: "name",
  48. // },
  49. // },
  50. // {
  51. // tagName: "input",
  52. // attrs: {
  53. // type: "text",
  54. // id: "surname",
  55. // },
  56. // },
  57. // ],
  58. // },
  59. // {
  60. // tagName: "div",
  61. // subTags: [
  62. // {
  63. // tagName: "buttom",
  64. // text: "OK",
  65. // attrs: {
  66. // id: "ok",
  67. // },
  68. // },
  69. // {
  70. // tagName: "buttom",
  71. // text: "Cancel",
  72. // attrs: {
  73. // id: "cancel",
  74. // },
  75. // },
  76. // ],
  77. // },
  78. // ],
  79. // };
  80. // console.log(body.subTags[1].subTags[1].text);
  81. // console.log(body.subTags[0].subTags[3].attrs.id);
  82. // -------------------------declarative fields
  83. // var notebook = {
  84. // brand: prompt('Какая модель ноутбука?'),
  85. // type: prompt("Какая модель нотбука?"),
  86. // model: prompt("Введите серийный номер"),
  87. // ram: prompt("Введите оперативную память"),
  88. // size: +prompt("Сколько дюймов экран?"),
  89. // weight: +prompt("какой вес вашей модели?"),
  90. // resolution: {
  91. // width: prompt("Какая ширина экрана?"),
  92. // height: prompt("Какая высота экрана?"),
  93. // },
  94. // };
  95. // var phone = {
  96. // brand: prompt("Введите производителя телефона"),
  97. // model: prompt("введите модель телефона"),
  98. // ram: +prompt("Сколько оперативной памяти в вашем телефоне?"),
  99. // color: prompt("Какой цвет вашего телефона?"),
  100. // };
  101. // var person = {
  102. // name: prompt("Введите имя"),
  103. // surname: prompt("Введите фамилию"),
  104. // married: confirm("Вы замужем либо женаты?"),
  105. // };
  106. // -------------------------object links
  107. // var person = {
  108. // name: prompt("Введите имя"),
  109. // surname: prompt("Введите фамилию"),
  110. // married: confirm("Вы замужем либо женаты?"),
  111. // smartphone: phone,
  112. // laptop: notebook,
  113. // };
  114. // var notebook = {
  115. // brand: prompt("Какая модель ноутбука?"),
  116. // type: prompt("Какая модель нотбука?"),
  117. // model: prompt("Введите серийный номер"),
  118. // ram: prompt("Введите оперативную память"),
  119. // size: +prompt("Сколько дюймов экран?"),
  120. // weight: +prompt("какой вес вашей модели?"),
  121. // resolution: {
  122. // width: prompt("Какая ширина экрана?"),
  123. // height: prompt("Какая высота экрана?"),
  124. // },
  125. // owner: person,
  126. // };
  127. // var phone = {
  128. // brand: prompt("Введите производителя телефона"),
  129. // model: prompt("введите модель телефона"),
  130. // ram: +prompt("Сколько оперативной памяти в вашем телефоне?"),
  131. // color: prompt("Какой цвет вашего телефона?"),
  132. // owner: person,
  133. // };
  134. // -------------------------imperative array fill 3
  135. // let arr = [prompt("Введите элемент 1"), prompt("Введите элемент 2"), prompt("Введите элемент 3"),];
  136. // console.log(arr);
  137. // -------------------------while confirm
  138. // let cycleWhile = confirm();
  139. // while (!cycleWhile) {
  140. // cycleWhile = confirm();
  141. // }
  142. // -------------------------array fill
  143. // let emptyArray = [];
  144. // let emptyArray2 = [];
  145. // while (emptyArray) {
  146. // emptyArray2.push(emptyArray = prompt("Введите что-то"));
  147. // if (emptyArray == null || false) {
  148. // emptyArray2.splice(-1,1);
  149. // break;
  150. // }
  151. // }
  152. // -------------------------array fill nopush
  153. // let emptyArrayNoPush = [];
  154. // for (let i = 0; i != null; i++) {
  155. // emptyArrayNoPush[i] = prompt("Введите что-то");
  156. // if (emptyArrayNoPush[i] === null){
  157. // emptyArrayNoPush.splice(-1,1);
  158. // break;
  159. // }
  160. // }
  161. // -------------------------infinite probability
  162. // let randomNumber = Math.random();
  163. // let numberOfIterations = 0;
  164. // while (randomNumber) {
  165. // randomNumber = Math.random();
  166. // numberOfIterations += 1;
  167. // if (randomNumber > 0.9) {
  168. // alert(randomNumber);
  169. // alert("Количество итераций: " + numberOfIterations)
  170. // break;
  171. // }
  172. // }
  173. // -------------------------empty loop
  174. // do {
  175. // } while (prompt() == null);
  176. // -------------------------progression sum
  177. // for (var arr = [1]; arr.push((arr[arr.length - 1]) + 3); (arr[arr.length - 1]) < 20) {
  178. // if ((arr[arr.length - 1]) <= 20) {
  179. // } else {
  180. // arr.splice(-1,1);
  181. // let result = arr.reduce(function (sum, elem) {
  182. // return sum + elem;
  183. // }, 0);
  184. // console.log(result);
  185. // break;
  186. // }
  187. // }
  188. // -------------------------chess one line
  189. // let lineWithResult = " ";
  190. // for(i = 0; i < 10; i++) {
  191. // lineWithResult = lineWithResult + " ";
  192. // if(i % 2 === 1) {
  193. // lineWithResult = lineWithResult + "#";
  194. // }
  195. // } console.log (lineWithResult);
  196. // -------------------------numbers
  197. // var c = "";
  198. // for (let a = 0; a < 10; a++) {
  199. // for (b = 0; b < 10; b++) {
  200. // c = c + b;
  201. // if (b == 9) {
  202. // c = c + "\n";
  203. // }
  204. // }
  205. // }console.log(c);
  206. // -------------------------chess
  207. // var latticeOrDot = "";
  208. // for (let chessBoard = 0; chessBoard >= 0; chessBoard++) {
  209. // for (i = 0; i < 13; i++) {
  210. // if (i == 12) {
  211. // latticeOrDot = latticeOrDot + "\n";
  212. // } else if (i % 2) {
  213. // latticeOrDot = latticeOrDot + "#";
  214. // } else {
  215. // latticeOrDot = latticeOrDot + ".";
  216. // }
  217. // }
  218. // for (i = 0; i < 13; i++) {
  219. // if (i == 12) {
  220. // latticeOrDot = latticeOrDot + "\n";
  221. // } else if (i % 2) {
  222. // latticeOrDot = latticeOrDot + ".";
  223. // } else {
  224. // latticeOrDot = latticeOrDot + "#";
  225. // }
  226. // }
  227. // if (chessBoard == 4) {
  228. // console.log(latticeOrDot);
  229. // }
  230. // }
  231. // -------------------------cubes
  232. // for (let indexСubes = []; ; ) {
  233. // let indexToPower = indexСubes.length;
  234. // let exponentiation = indexToPower ** 3;
  235. // indexСubes.push(exponentiation);
  236. // if (indexСubes.length == 20) {
  237. // console.log(indexСubes);
  238. // break;
  239. // }
  240. // }
  241. // -------------------------multiply table
  242. let arr = Array(10);
  243. for (let i = 1; i < 10; i++) {
  244. arr[i] = [...Array(10)].map((arr, j) => i * j);
  245. }
  246. console.log(arr[6][5]);
  247. // -------------------------matrix to html table
  248. var string = "";
  249. for (var i = 1; i <= 10; i++) {
  250. string += "<tr>";
  251. string += "<td><b>" + i + "</b></td>";
  252. for (var j = 1; j <= 10; j++)
  253. string += "<td>" + i * j + "</td>";
  254. string += "</tr>";
  255. }
  256. document.querySelector("table").innerHTML += string;
  257. // -------------------------Задание на синий пояс: Треугольник
  258. // debugger;
  259. // var str = "";
  260. // for (a = 0; a < 10; a++) {
  261. // for (let i = 0; i < 12; i++) {
  262. // if (i == "11") {
  263. // str = str + "\n";
  264. // } else if (i === 5) {
  265. // str = str + "#";
  266. // } else {
  267. // str = str + ".";
  268. // }
  269. // }
  270. // for (let i = 0; i < 12; i++) {
  271. // if (i == "11") {
  272. // str = str + "\n";
  273. // } else if (i === 4 || i === 5 || i === 6) {
  274. // str = str + "#";
  275. // } else {
  276. // str = str + ".";
  277. // }
  278. // }
  279. // for (let i = 0; i < 12; i++) {
  280. // if (i == "11") {
  281. // str = str + "\n";
  282. // } else if (
  283. // i === 3 ||
  284. // i === 4 ||
  285. // i === 5 ||
  286. // i === 6 ||
  287. // i === 7
  288. // ) {
  289. // str = str + "#";
  290. // } else {
  291. // str = str + ".";
  292. // }
  293. // }
  294. // for (let i = 0; i < 12; i++) {
  295. // if (i == "11") {
  296. // str = str + "\n";
  297. // } else if (
  298. // i === 0 ||
  299. // i === 1 ||
  300. // i === 9 ||
  301. // i === 10
  302. // ) {
  303. // str = str + ".";
  304. // } else {
  305. // str = str + "#";
  306. // }
  307. // }
  308. // for (let i = 0; i < 12; i++) {
  309. // if (i == "11") {
  310. // str = str + "\n";
  311. // } else if (
  312. // i === 0 ||
  313. // i === 10
  314. // ) {
  315. // str = str + ".";
  316. // } else {
  317. // str = str + "#";
  318. // }
  319. // }
  320. // for (let i = 0; i < 11; i++) {
  321. // str = str + "#";
  322. // }
  323. // if (a == 0) {
  324. // console.log(str);
  325. // }
  326. // }
  327. // -------------------------Задание на черный пояс: Электронная гадалка
  328. // let predictArray = prompt("Введите 0 или 1");;
  329. // let history = [1, 1, 1, 1];
  330. // history.push(predictArray);
  331. // history.shift();
  332. // console.log(history);
  333. // дальше я не смог придумать что делать((((
  334. </script>
  335. </body>
  336. </html>