homework4.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347
  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. // -------------------------imperative array fill 3
  108. // let arr = [prompt("Введите элемент 1"), prompt("Введите элемент 2"), prompt("Введите элемент 3"),];
  109. // console.log(arr);
  110. // -------------------------while confirm
  111. // let cycleWhile = confirm();
  112. // while (!cycleWhile) {
  113. // cycleWhile = confirm();
  114. // }
  115. // -------------------------array fill
  116. // let emptyArray = [];
  117. // let emptyArray2 = [];
  118. // while (emptyArray) {
  119. // emptyArray2.push(emptyArray = prompt("Введите что-то"));
  120. // if (emptyArray == null || false) {
  121. // emptyArray2.splice(-1,1);
  122. // break;
  123. // }
  124. // }
  125. // -------------------------array fill nopush
  126. // let emptyArrayNoPush = [];
  127. // for (let i = 0; i != null; i++) {
  128. // emptyArrayNoPush[i] = prompt("Введите что-то");
  129. // if (emptyArrayNoPush[i] === null){
  130. // emptyArrayNoPush.splice(-1,1);
  131. // break;
  132. // }
  133. // }
  134. // -------------------------infinite probability
  135. // let randomNumber = Math.random();
  136. // let numberOfIterations = 0;
  137. // while (randomNumber) {
  138. // randomNumber = Math.random();
  139. // numberOfIterations += 1;
  140. // if (randomNumber > 0.9) {
  141. // alert(randomNumber);
  142. // alert("Количество итераций: " + numberOfIterations)
  143. // break;
  144. // }
  145. // }
  146. // -------------------------empty loop
  147. // do {
  148. // } while (prompt() == null);
  149. // -------------------------progression sum
  150. // for (var arr = [1]; arr.push((arr[arr.length - 1]) + 3); (arr[arr.length - 1]) < 20) {
  151. // if ((arr[arr.length - 1]) <= 20) {
  152. // } else {
  153. // arr.splice(-1,1);
  154. // let result = arr.reduce(function (sum, elem) {
  155. // return sum + elem;
  156. // }, 0);
  157. // console.log(result);
  158. // break;
  159. // }
  160. // }
  161. // -------------------------chess one line
  162. // let lineWithResult = " ";
  163. // for(i = 0; i < 10; i++) {
  164. // lineWithResult = lineWithResult + " ";
  165. // if(i % 2 === 1) {
  166. // lineWithResult = lineWithResult + "#";
  167. // }
  168. // } console.log (lineWithResult);
  169. // -------------------------numbers
  170. // var c = "";
  171. // for (let a = 0; a < 10; a++) {
  172. // for (b = 0; b < 10; b++) {
  173. // c = c + b;
  174. // if (b == 9) {
  175. // c = c + "\n";
  176. // }
  177. // }
  178. // }console.log(c);
  179. // -------------------------chess
  180. // var latticeOrDot = "";
  181. // for (let chessBoard = 0; chessBoard >= 0; chessBoard++) {
  182. // for (i = 0; i < 13; i++) {
  183. // if (i == 12) {
  184. // latticeOrDot = latticeOrDot + "\n";
  185. // } else if (i % 2) {
  186. // latticeOrDot = latticeOrDot + "#";
  187. // } else {
  188. // latticeOrDot = latticeOrDot + ".";
  189. // }
  190. // }
  191. // for (i = 0; i < 13; i++) {
  192. // if (i == 12) {
  193. // latticeOrDot = latticeOrDot + "\n";
  194. // } else if (i % 2) {
  195. // latticeOrDot = latticeOrDot + ".";
  196. // } else {
  197. // latticeOrDot = latticeOrDot + "#";
  198. // }
  199. // }
  200. // if (chessBoard == 4) {
  201. // console.log(latticeOrDot);
  202. // }
  203. // }
  204. // -------------------------cubes
  205. // for (let indexСubes = []; ; ) {
  206. // let indexToPower = indexСubes.length;
  207. // let exponentiation = indexToPower ** 3;
  208. // indexСubes.push(exponentiation);
  209. // if (indexСubes.length == 20) {
  210. // console.log(indexСubes);
  211. // break;
  212. // }
  213. // }
  214. // -------------------------multiply table
  215. let arr = Array(10);
  216. for (let i = 1; i < 10; i++) {
  217. arr[i] = [...Array(10)].map((arr, j) => i * j);
  218. }
  219. console.log(arr[6][5]);
  220. // -------------------------matrix to html table
  221. var string = "";
  222. for (var i = 1; i <= 10; i++) {
  223. string += "<tr>";
  224. string += "<td><b>" + i + "</b></td>";
  225. for (var j = 1; j <= 10; j++)
  226. string += "<td>" + i * j + "</td>";
  227. string += "</tr>";
  228. }
  229. document.querySelector("table").innerHTML += string;
  230. // -------------------------Задание на синий пояс: Треугольник
  231. // debugger;
  232. // var str = "";
  233. // for (a = 0; a < 10; a++) {
  234. // for (let i = 0; i < 12; i++) {
  235. // if (i == "11") {
  236. // str = str + "\n";
  237. // } else if (i === 5) {
  238. // str = str + "#";
  239. // } else {
  240. // str = str + ".";
  241. // }
  242. // }
  243. // for (let i = 0; i < 12; i++) {
  244. // if (i == "11") {
  245. // str = str + "\n";
  246. // } else if (i === 4 || i === 5 || i === 6) {
  247. // str = str + "#";
  248. // } else {
  249. // str = str + ".";
  250. // }
  251. // }
  252. // for (let i = 0; i < 12; i++) {
  253. // if (i == "11") {
  254. // str = str + "\n";
  255. // } else if (
  256. // i === 3 ||
  257. // i === 4 ||
  258. // i === 5 ||
  259. // i === 6 ||
  260. // i === 7
  261. // ) {
  262. // str = str + "#";
  263. // } else {
  264. // str = str + ".";
  265. // }
  266. // }
  267. // for (let i = 0; i < 12; i++) {
  268. // if (i == "11") {
  269. // str = str + "\n";
  270. // } else if (
  271. // i === 0 ||
  272. // i === 1 ||
  273. // i === 9 ||
  274. // i === 10
  275. // ) {
  276. // str = str + ".";
  277. // } else {
  278. // str = str + "#";
  279. // }
  280. // }
  281. // for (let i = 0; i < 12; i++) {
  282. // if (i == "11") {
  283. // str = str + "\n";
  284. // } else if (
  285. // i === 0 ||
  286. // i === 10
  287. // ) {
  288. // str = str + ".";
  289. // } else {
  290. // str = str + "#";
  291. // }
  292. // }
  293. // for (let i = 0; i < 11; i++) {
  294. // str = str + "#";
  295. // }
  296. // if (a == 0) {
  297. // console.log(str);
  298. // }
  299. // }
  300. // -------------------------Задание на черный пояс: Электронная гадалка
  301. // let predictArray = prompt("Введите 0 или 1");;
  302. // let history = [1, 1, 1, 1];
  303. // history.push(predictArray);
  304. // history.shift();
  305. // console.log(history);
  306. // дальше я не смог придумать что делать((((
  307. </script>
  308. </body>
  309. </html>