homework4.html 13 KB

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