Dz4js.html 9.6 KB

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