index.html 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
  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>HW-4</title>
  8. </head>
  9. <body>
  10. <script>
  11. //html tree
  12. let body = {
  13. tegName: 'body',
  14. subTags: [{
  15. tegName: 'div',
  16. subTags: [{
  17. tegName: 'span',
  18. text: 'Enter a data please',
  19. },
  20. {
  21. tegName: 'br',
  22. },
  23. {
  24. tegName: 'input',
  25. attrs: {
  26. type: 'text',
  27. id: 'name'
  28. },
  29. },
  30. {
  31. tegName: 'input',
  32. attrs: {
  33. type: 'text',
  34. id: 'surname'
  35. },
  36. },
  37. ]
  38. },
  39. {
  40. tagName: 'div',
  41. subTags: [{
  42. tegName: 'button',
  43. text: 'ok',
  44. attrs: {
  45. id: 'ok',
  46. }
  47. },
  48. {
  49. tegName: 'button',
  50. text: 'cancel',
  51. attrs: {
  52. id: 'cancel',
  53. }
  54. }
  55. ]
  56. }
  57. ]
  58. }
  59. //Выведите значения текста во второй кнопке, используя . и [].
  60. body.subTags[1].subTags[1].text // 'cancel'
  61. //Выведите значение атрибута id во втором input, используя . и [].
  62. body.subTags[0].subTags[3].attrs.id // 'surname'
  63. //declarative fields
  64. let notebook = {
  65. brand: prompt("Enter a brand"),
  66. type: prompt("Enter a type"),
  67. model: prompt("Enter a model"),
  68. ram: +prompt("Enter a ram"),
  69. size: prompt("Enter a size"),
  70. weight: +prompt("Enter a weight"),
  71. resolution: {
  72. width: +prompt("Enter a width"),
  73. height: +prompt("Enter a height"),
  74. },
  75. };
  76. let phone = {
  77. brand: prompt("Enter a brand"),
  78. model: prompt("Enter a model"),
  79. ram: +prompt("Enter a ram"),
  80. color: prompt("Enter a color"),
  81. };
  82. let person = {
  83. name: prompt("Enter a name"),
  84. surname: prompt("Enter a surname"),
  85. married: confirm("Married ?"),
  86. smartphone: { //object links
  87. nameSmartphone: prompt("Enter a smartphone"),
  88. owner: [person.name, person.surname],
  89. },
  90. laptop: {
  91. nameLaptop: prompt("Enter a laptop"),
  92. owner: [person.name, person.surname],
  93. },
  94. };
  95. // imperative array fill 3
  96. let box = [];
  97. box[0] = prompt('Введите текст 1'),
  98. box[1] = prompt('Введите текст 2'),
  99. box[2] = prompt('Введите текст 3');
  100. alert(box)
  101. //while confirm
  102. let container = confirm('Сделайте цикл с confirm, который продолжается по Отмена и заканчивается по ОК.')
  103. while (container == false) {
  104. alert("продолжение")
  105. break;
  106. }
  107. //array fill
  108. let arr = [];
  109. let arr2 = []
  110. while (arr) {
  111. arr2.push(arr = prompt('text'))
  112. if (arr === null) {
  113. break;
  114. }
  115. }
  116. //array fill nopush
  117. let array = [];
  118. for (let i = 0; i != null; i++) {
  119. array[i] = prompt("text");
  120. if (array[i] === null) {
  121. break;
  122. }
  123. }
  124. //infinite probability
  125. let iterations = 0;
  126. while (random) {
  127. random = Math.random();
  128. iterations++
  129. if (random > 0.9) {
  130. alert(random + " : число");
  131. alert(iterations + " : количество итераций");
  132. break;
  133. }
  134. }
  135. //empty loop
  136. do {
  137. } while (prompt('Введите текст') != false)
  138. //progression sum
  139. let d = 3; // шаг или разность прогрессии.
  140. //a1 = 1 - первый член
  141. //s - сумма арифметической прогрессии
  142. for (a1 = 1; n < 100; a1++) {
  143. s = 1 / 2 * (2 * a1 + d * (n - 1)) * n;
  144. alert("Сумма арифметической прогрессии S = " + s);
  145. break;
  146. }
  147. //chess one line
  148. let str = "";
  149. for (i = 0; i < 11; i++) {
  150. if (i % 2) {
  151. str += "#"
  152. } else {
  153. str += " "
  154. }
  155. }
  156. alert(str)
  157. //numbers
  158. let numbers = "";
  159. for (let i = 0; i <= 9; i++) {
  160. for (let x = 0; x <= 9; x++) {
  161. numbers += x;
  162. if (x == 9) {
  163. numbers += "\n"
  164. }
  165. }
  166. if(i == 9){
  167. console.log(numbers)
  168. }
  169. }
  170. //chess
  171. let chess = "";
  172. for(i = 0; i >= 0; i++){
  173. for(j = 0; j < 14; j++){
  174. if(j == 13){
  175. chess += "\n"
  176. }else if( j % 2 ){
  177. chess += "#"
  178. }else {
  179. chess += "."
  180. }
  181. }
  182. for(j = 0; j < 14; j++){
  183. if(j == 13){
  184. chess += "\n"
  185. }else if( j % 2 ){
  186. chess += "."
  187. }else {
  188. chess += "#"
  189. }
  190. }
  191. if (i == 3) {
  192. console.log(chess);
  193. }
  194. }
  195. </script>
  196. </body>
  197. </html>