main.js 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289
  1. // html tree///////////////////////////////////////////////////
  2. let body = {
  3. tagName: 'body',
  4. subTags: [
  5. {
  6. tagName: 'div',
  7. subTags: [
  8. {
  9. tagName: "span",
  10. text: "Enter a data please:",
  11. },
  12. {
  13. tagName: "br",
  14. },
  15. {
  16. tagName: "input",
  17. attrs: {
  18. type: 'text',
  19. id: 'name',
  20. },
  21. },
  22. {
  23. tagName: "input",
  24. attrs: {
  25. type: 'text',
  26. id: 'surname',
  27. },
  28. }
  29. ]
  30. },
  31. {
  32. tagName: 'div',
  33. subTags: [
  34. {
  35. tagName: "button",
  36. text: "OK",
  37. attrs: {
  38. id: 'ok'
  39. },
  40. },
  41. {
  42. tagName: "button",
  43. text: "Cancel",
  44. attrs: {
  45. id: 'cancel'
  46. },
  47. },
  48. ]
  49. }
  50. ]
  51. }
  52. console.log(body.subTags[0].subTags[3].attrs.id)
  53. console.log(body.subTags[1].subTags[1].text)
  54. //declarative fields///////////////////////////////////////////
  55. // var notebook = {
  56. // brand: prompt("enter brand name"),
  57. // type: prompt("enter type"),
  58. // model: prompt("enter model name"),
  59. // ram: +prompt("enter ram"),
  60. // size: +prompt("enter size"),
  61. // weight: +prompt("enter weight"),
  62. // resolution: {
  63. // width: +prompt("enter width"),
  64. // height: +prompt("enter height"),
  65. // },
  66. // };
  67. // var notebook = "enter"
  68. // var arr3 = [prompt(notebook + ' brand'), prompt(notebook + ' type'), prompt(notebook + ' model'), +prompt(notebook + ' ram'), +prompt(notebook + ' size'), +prompt(notebook + ' weight'), + prompt(notebook + ' width'), +prompt(notebook + ' height')];
  69. // var phone = {
  70. // brand: prompt("enter brand name"),
  71. // model: prompt("enter model name"),
  72. // ram: +prompt("enter ram"),
  73. // color: prompt("enter color"),
  74. // };
  75. // var phone = "enter"
  76. // var arr2 = [prompt(phone + ' brand'), prompt(phone + ' model'), +prompt(phone + ' ram'), prompt(phone + ' color')];
  77. // var person = {
  78. // name: prompt("Enter a name"),
  79. // surname: prompt("Enter a surname"),
  80. // married: confirm("married?"),
  81. // };
  82. // var person = "enter"
  83. // var arr1 = [prompt(person + ' name'), prompt(person + ' surname'), confirm("married?")];
  84. //object links/////////////////////////////////////////////////
  85. // var person = {
  86. // smartphone: {
  87. // owner: person,
  88. // },
  89. // laptop: {
  90. // owner: person,
  91. // }
  92. // };
  93. //imperative array fill 3//////////////////////////////////////
  94. // let arr = [];
  95. // arr[0] = prompt("enter");
  96. // arr[1] = prompt("enter");
  97. // arr[2] = prompt("enter");
  98. //while confirm////////////////////////////////////////////////
  99. // let new1;
  100. // while (!new1) {
  101. // new1 = confirm("ok?");
  102. // if (new1) {
  103. // break;
  104. // }
  105. // }
  106. //array fill//////////////////////////////////////////////////
  107. // let arr1 = []
  108. // let box;
  109. // while (box !== null) {
  110. // box = prompt("ok?");
  111. // arr1.push(box)
  112. // if (box === null) {
  113. // break;
  114. // }
  115. // }
  116. // array fill nopush//////////////////////////////////////////
  117. // let arr1 = []
  118. // i = 0;
  119. // let box;
  120. // while (box !== null) {
  121. // box = prompt("ok?");
  122. // arr1[i] = box;
  123. // i++
  124. // if (box === null) {
  125. // break;
  126. // }
  127. // }
  128. // infinite probability//////////////////////////////////////
  129. // let x = 0;
  130. // let i = 0;
  131. // while (x < 0.9) {
  132. // x = Math.random()
  133. // i++
  134. // alert(`количество итераций = ${i}`)
  135. // if (x > 0.9) {
  136. // break;
  137. // }
  138. // }
  139. /////////////////////////////////////////////////////////////
  140. // let x = 0;
  141. // let i = 0;
  142. // for (let x = 0; x < 0.9; i++) {
  143. // x = Math.random()
  144. // }
  145. // alert(`количество итераций = ${i}`)
  146. // empty loop////////////////////////////////////////////////
  147. // while(prompt() ===null);
  148. ////////////////////////////////
  149. // let box;
  150. // while (box !== "") {
  151. // box = prompt("enter")
  152. // if (box === "") {
  153. // break
  154. // }
  155. // }
  156. // progression sum//////////////////////////////////////////
  157. // let number = +prompt("last number");
  158. // let sum = 0;
  159. // for (let b = 1; b < number; b += 3) {
  160. // console.log(b)
  161. // sum += b
  162. // }
  163. // alert(`${sum}`)
  164. // chess one line///////////////////////////////////////////
  165. // let i = ' #';
  166. // let str = "";
  167. // for (j = 0; j < 10; j++) {
  168. // str += i;
  169. // }
  170. // console.log(str)
  171. // let str = "";
  172. // for (a = 0; a < 10; a++) {
  173. // if (a % 2 === 0) str += " ";
  174. // else str += "#";
  175. // }
  176. // console.log(str);
  177. // numbers///////////////////////////////////////////////////
  178. // let str = "";
  179. // for (a = 0; a < 10; a++) {
  180. // str += "0123456789\n";
  181. // }
  182. // console.log(str);
  183. // let str = "";
  184. // for (let i = 0; i < 10; i++) {
  185. // str += "\n";
  186. // for (j = 0; j < 10; j++) {
  187. // str += j;
  188. // }
  189. // }
  190. // console.log(str);
  191. // chess/////////////////////////////////////////////////////
  192. // let str = "";
  193. // for (let i = 0; i < 7; i++) {
  194. // str += "\n";
  195. // for (a = 0; a < 7; a++) {
  196. // if ((a + i) % 2 === 0) str += ".";
  197. // else str += "#";
  198. // }
  199. // }
  200. // console.log(str);
  201. // cubes////////////////////////////////////////////////////
  202. // let arr1 = []
  203. // for (i = 0; i < 20; i++) {
  204. // arr1.push(Math.pow(i, 3));
  205. // }
  206. // console.log(arr1);
  207. // multiply table///////////////////////////////////////////
  208. // let arr = [];
  209. // for (let a = 1; a <= 10; a++) {
  210. // arr[a] = [];
  211. // for (let b = 1; b <= 10; b++) {
  212. // arr[a][b] = [a * b];
  213. // }
  214. // }
  215. // alert(arr[5][6]);
  216. // alert(arr[7][2]);
  217. // matrix to html table////////////////////////////////////
  218. // let str = '<table>';
  219. // for (let a = 1; a <= 10; a++) {
  220. // str += '<tr>';
  221. // for (let b = 1; b <= 10; b++) {
  222. // str += `<td> ${arr[a][b]}</td>`;
  223. // }
  224. // str += '</tr>';
  225. // }
  226. // str += '</table>';
  227. // console.log(str)
  228. // document.write(str);
  229. // Задание на синий пояс: Треугольник//////////////////////
  230. // let dotCount = 5;
  231. // let hashCount = 1;
  232. // for (let a = 1; a <= 6; a++) {
  233. // let line = '.'.repeat(dotCount) + '#'.repeat(hashCount) +
  234. // '.'.repeat(dotCount) + '\n'
  235. // dotCount = dotCount - 1;
  236. // hashCount = hashCount + 2;
  237. // console.log(line)
  238. // }