script.js 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269
  1. // Task 1 html Tree
  2. // <body>
  3. // <div>
  4. // <span>Enter a data please:</span><br/>
  5. // <input type='text' id='name'>
  6. // <input type='text' id='surname'>
  7. // </div>
  8. // <div>
  9. // <button id='ok'>OK</button>
  10. // <button id='cancel'>Cancel</button>
  11. // </div>
  12. // </body>
  13. const body ={
  14. tagName :"body",
  15. subTags : [
  16. {
  17. tagName : "div",
  18. subTags: [
  19. {
  20. tagName: "span",
  21. text : "Enter a data please:",
  22. },
  23. {
  24. tagName: "br",
  25. },
  26. {
  27. tagName: "input",
  28. attrs:[
  29. {
  30. type: "text",
  31. id : "name",
  32. },
  33. ]
  34. },
  35. {
  36. tagName: "input",
  37. attrs:[
  38. {
  39. type: "text",
  40. id : "surename",
  41. },
  42. ]
  43. },
  44. ]
  45. },
  46. {
  47. tagName : "div",
  48. subTags:[
  49. {
  50. tagName: "button",
  51. text: "OK",
  52. attrs:[
  53. {
  54. id : "ok",
  55. },
  56. ]
  57. },
  58. {
  59. tagName: "button",
  60. text: "Cancel",
  61. attrs:[
  62. {
  63. id : "cancel",
  64. },
  65. ]
  66. },
  67. ]
  68. }
  69. ]
  70. }
  71. console.log(body.subTags[1].subTags[1].text);
  72. console.log(body.subTags[0].subTags[3].attrs[0].id)
  73. // Task 2 declarative fields
  74. // +
  75. // Task 3 Object links
  76. // const notebook = {
  77. // brand: prompt("Enter a name of your notebook"),
  78. // type: prompt("Enter a type of your notebook"),
  79. // model: prompt("Enter a name of your notebook"),
  80. // ram: prompt("How many ram?"),
  81. // size: prompt("How many inch has your notebook?"),
  82. // weight: prompt("How many kilo?"),
  83. // resolution: {
  84. // width: prompt("What width is it?"),
  85. // height: prompt("What height is it?"),
  86. // },
  87. // };
  88. // const phone = {
  89. // brand : prompt("Enter a name of your phone"),
  90. // model : prompt("Enter a name of your model"),
  91. // ram : prompt("How many ram?"),
  92. // color : prompt("What color is it?"),
  93. // }
  94. // const person = {
  95. // name: prompt("What is your name?"),
  96. // surname: prompt("What is your surename"),
  97. // married: confirm("Are you married?"),
  98. // smartphone : phone,
  99. // laptop : notebook,
  100. // }
  101. // notebook.owner = person;
  102. // phone.owner = person;
  103. // console.log(person.smartphone);
  104. // console.log(person.smartphone.owner.laptop.owner.smartphone);
  105. // Task 4 imperative array fill 3
  106. // const array = [prompt("Кто ты?"), prompt("От куда ты?"), prompt("Сколько тебе лет?")]
  107. // console.log(array);
  108. // Task 5 while confirm
  109. // while(!confirm("Are you merried?")){
  110. // console.log("Have a fun!")
  111. // }console.log("The end");
  112. // Task 6 array fill
  113. // const beerlover = [];
  114. // while(prompt("Do you like beer?")){
  115. // beerlover.push("+");
  116. // }
  117. // console.log(beerlover)
  118. // Task 7 array fill nopush
  119. // const loverOfBeer = [];
  120. // let num =0;
  121. // while(prompt("Do you like beer?")){
  122. // loverOfBeer[num]= "+";
  123. // num++ ;
  124. // console.log(loverOfBeer);
  125. // }
  126. // Task 8 infinite probability
  127. // let num = 0;
  128. // while(true){
  129. // num++;
  130. // if(Math.random()>0.9){
  131. // alert(num);
  132. // break;
  133. // }
  134. // }
  135. // Task 9 empty loop
  136. // while(prompt("hjfh") === null){
  137. // }
  138. // // Task 10 progression sum
  139. // let num = 100;
  140. // sum = 0;
  141. // for( let i=1; i<=num; i+=3){
  142. // sum += i;
  143. // } console.log(sum)
  144. // Task numbers
  145. // let str='';
  146. // for(let i=0; i<10; i++){
  147. // for(let j=0; j<10; j++){
  148. // str+=j;
  149. // }
  150. // str += "\n";
  151. // }console.log(str);
  152. // // Task chess
  153. // let black = "#";
  154. // let white = "*";
  155. // for (let i = 0; i < 5; i++){
  156. // let str = "";
  157. // for (let j = 0; j < 10; j++){
  158. // str+=black;
  159. // str+=white;
  160. // }
  161. // str += "\n";
  162. // console.log(str);
  163. // [white, black] = [black, white];
  164. // }
  165. // Task Cubes
  166. // function cubes(num){
  167. // const arr = [];
  168. // for(let i = 0; i <= num; i++){
  169. // arr[i]= i*i;
  170. // }
  171. // console.log(arr);
  172. // }
  173. // cubes(5);
  174. // // Task matrix to html table
  175. // let str = "<table>";
  176. // for (let i=1; i<10; i++){
  177. // str += "<tr>";
  178. // for(let j=1; j<10; j++) {
  179. // str += ("<td>"+ (j*i)+ "</td>");
  180. // }
  181. // str +="<tr/>";
  182. // }
  183. // str +="<table>"
  184. // document.write(str);
  185. // let arr = [1,2,3,4];
  186. // let num =0;
  187. // for(let i =0; i<arr.length; i++){
  188. // num += arr[i];
  189. // } arr.push(num);
  190. // console.log(arr);
  191. // task blue belt
  192. for (let i = 0; i < 6; i++ ){
  193. let str = "";
  194. for (let j = 0; j < 11; j++){
  195. if ((j < (11 - i*2 - 1)/2) || (j > (11 - i*2 - 1)/2 + i*2)){
  196. str+='.';
  197. } else {
  198. str+='#';
  199. }
  200. }
  201. str += "\n";
  202. console.log(str);
  203. }