script.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386
  1. // Поиск элементов DOM (объектной структуры документа) с использованием библиотеки jQuery //
  2. // ET = 20 min;
  3. // AT = 47 min + 23 min; (23 min - на доработку)
  4. $(document).ready(function() {
  5. $(".button").css({ // Стилизация кнопки для запуска задач
  6. "display": "inline-block",
  7. "background": "grey",
  8. "cursor": "pointer",
  9. "padding": "10px",
  10. "margin": "20px 0 0 20px",
  11. "border-radius": "10px"
  12. });
  13. $("#content table").css({ // Выравниваем по центру и убираем пробелы между ячейками
  14. "margin": "300px auto 0",
  15. "border-spacing": "0px"
  16. });
  17. $("#content td").css({ // Стили для всех ячеек
  18. "width": "10px",
  19. "height": "10px",
  20. "background": "#eee",
  21. "border": "1px solid #000"
  22. });
  23. var tr = $("#content table tbody").children("tr"); // Все строки таблицы
  24. for (var i = 1; i <= tr.length; i++) {
  25. if(i >= 1 && i <= 6) {
  26. $("#content tr:nth-child("+i+") td").css("background", "#106B63");
  27. } else
  28. if (i >= 7 && i <=9) {
  29. $("#content tr:nth-child("+i+") td").css("background", "#E7C610");
  30. } else
  31. if (i >= 10 && i <= 12) {
  32. $("#content tr:nth-child("+i+") td").css("background", "#C64A08");
  33. } else
  34. if (i >= 13 && i <= 15) {
  35. $("#content tr:nth-child("+i+") td").css("background", "#B43100");
  36. } else {
  37. $("#content tr:nth-child("+i+") td").css("background", "#102173");
  38. }
  39. }
  40. $("#content td.none").css({ // Стили для ячеек с классом none
  41. "background": "none",
  42. "border": "none"
  43. });
  44. });
  45. // Задачи 1 - 10
  46. function exercises() {
  47. var arr = [task_1, task_2, task_3, task_4, task_5, task_6, task_7, task_8, task_9, task_10],
  48. n = prompt("Здравствуйте! Введите номер задания");
  49. if (n<1 || n>10 || n%1 || isNaN(n)) {
  50. alert("Номер введен неправильно!");
  51. return;
  52. }
  53. arr[n-1]();
  54. };
  55. // 1. Создайте три переменные с любыми числовыми значениями. Используя вложенные условные операторы if,
  56. // найдите минимальное число и отобразите на экране имя переменной и ее значение.
  57. // Создайте блок-схему, описывающую алгоритм работы программы.
  58. function task_1() {
  59. var a = Math.ceil(Math.random() * 10),
  60. b = Math.ceil(Math.random() * 10),
  61. c = Math.ceil(Math.random() * 10);
  62. if (a < b) {
  63. if (a < c) {
  64. alert("a = " + a + " - наименьшее");
  65. } else {
  66. alert("c = " + c + " - наименьшее");
  67. }
  68. } else
  69. if (b < a) {
  70. if (b < c) {
  71. alert("b = " + b + " - наименьшее");
  72. } else {
  73. alert("c = " + c + " - наименьшее");
  74. }
  75. } else
  76. if (b < c) {
  77. if (b < a) {
  78. alert("b = " + b + " - наименьшее");
  79. } else {
  80. alert("a = " + a + " - наименьшее");
  81. }
  82. }
  83. }
  84. // 2. В переменную x записывается число, введенное пользователем в диалоговое окно.
  85. // Проверить и вывести на экран, x – отрицательное число, положительное или ноль.
  86. // ET = 5 min;
  87. // AT = 3 min;
  88. function task_2() {
  89. var x = prompt("Введите число Х:");
  90. if (x > 0) {
  91. alert("X - число положительное");
  92. } else
  93. if (x < 0) {
  94. alert("Х - число отрицательное");
  95. } else {
  96. alert("X = 0");
  97. }
  98. }
  99. // 3. У вас и у вашего друга в кармане столько денег, сколько было указано в окнах prompt.
  100. // В зависимости от общей суммы ваших сбережений вы можете полететь на Майорку или выпить пива.
  101. // С помощью условного оператора определите ваши возможности и отобразите на экране в alert.
  102. // ET = 5 min;
  103. // AT = 11 min;
  104. function task_3() {
  105. alert ("Для того чтобы поехать на Майорку необходимо минимум 200 единиц денег,\n для того чтобы выпить пива - минимум 20 единиц");
  106. var myMoney = +prompt("Введите, сколько денег у вас в кармане:"),
  107. friendMoney = +prompt("Введите, сколько денег у вашего друга:"),
  108. sum = myMoney + friendMoney;
  109. if(sum <= 0) {
  110. alert("Итого у вас " + sum + ". У вас совсем все плохо(((");
  111. } else
  112. if (myMoney + friendMoney >=200) {
  113. alert("Итого у вас " + sum + ". Вы можете полетель на Майорку");
  114. } else {
  115. alert("Итого у вас " + sum + ". Придется довольствоваться пивом....");
  116. }
  117. }
  118. // 4. В переменную age запишите возраст человека. Если значение больше или равно 20 и меньше 27, в alert выводится “Выслать повестку”.
  119. // ET = 3 min;
  120. // AT = 2 min;
  121. function task_4() {
  122. var age = prompt("Введите возраст человека:");
  123. if (age >= 20 && age < 27) {
  124. alert("“Выслать повестку");
  125. }
  126. }
  127. // 5. Чтобы добраться домой, вас устраивают маршрутки номер 7, 225 и 255.
  128. // Какая маршрутка приехала – определяется в prompt. Если ваша, то вы едете домой, в противном случае – ожидаете.
  129. // ET = 5 min;
  130. // AT = 4 min;
  131. function task_5() {
  132. var num = +prompt("Введите номер автобуса");
  133. if (num == 7 || num == 225 || num == 255) {
  134. alert("Вы едете домой");
  135. } else {
  136. alert("Ожидайте следующего автобуса");
  137. }
  138. }
  139. // 6. В переменную day записан текущий день недели. Если это не суббота и не воскресенье, выведите в alert сентенцию о необходимости идти на работу.
  140. // ET = 8 min;
  141. // AT = 6 min;
  142. function task_6() {
  143. var day = (new Date()).getDay();
  144. if (day != 0 || day != 6) {
  145. alert("Сегодня будний день! Пора работать!");
  146. } else {
  147. alert("Седня выходной, отдыхайте)");
  148. }
  149. }
  150. // 7. Напишите калькулятор обмена валюты USD-UAH. Из первого prompt читается тип операции (регистр символов не имеет значения),
  151. // из второго - сумма, подлежащая конвертации. Используя switch, рассчитайте результат конвертации и выведите его в alert.
  152. // ET = 7 min;
  153. // AT = 7 min;
  154. function task_7() {
  155. var operationType = prompt("Введите тип операции (USD-UAH или UAH-USD):"),
  156. sum = prompt("Введите сумму:");
  157. operationType = operationType.toLowerCase();
  158. switch(operationType) {
  159. case "usd-uah": alert("Курс: 1$ = 25грн. " + sum + "$ = " + sum*25 + "грн"); break;
  160. case "uah-usd": alert("Курс: 1$ = 25грн. " + sum + "грн = " + sum/25 + "$"); break;
  161. default: alert("Такого курса нету");
  162. }
  163. }
  164. // 8. Создайте две переменные: greeting и lang. Переменная greeting – пустая строка.
  165. // Переменная lang может принимать три значения: 'ru', 'en', 'de' (например, из prompt).
  166. // Если она имеет значение 'ru', то в переменную greeting запишите приветствие на русском языке,
  167. // если имеет значение 'en' – то на английском, если 'de' – на немецком. Выведите на экран приветствие
  168. // в зависимости от значения переменной lang. Решите задачу через if-else и через switch-case.
  169. // ET = 8 min;
  170. // AT = 16 min;
  171. function task_8() {
  172. var lang = prompt("Введите язык (ru, en, de):"),
  173. greeting = "",
  174. a = prompt("С помощью какой констпукции желаете решить задачу: if-else или switch-case?");
  175. if (a == "switch-case") {
  176. switch (lang) {
  177. case "ru": alert("Приветствую Вас!"); break;
  178. case "en": alert("Greetings, my friend!"); break;
  179. case "de": alert("Guten Tag!"); break;
  180. default: alert("Язык введен неверно");
  181. }
  182. } else
  183. if (a == "if-else") {
  184. if (lang == "ru") {
  185. alert("Приветствую Вас!");
  186. } else
  187. if (lang == "en") {
  188. alert("Greetings, my friend!");
  189. } else
  190. if (lang == "de") {
  191. alert("Guten Tag!");
  192. } else {
  193. alert("Язык введен неверно");
  194. }
  195. } else {
  196. alert("Название конструкции введено неправильно. Вы ввели " + a + ". доступные варианты: if-else и switch-case.")
  197. }
  198. }
  199. // 9. В переменной month хранится текущий месяц (new Date()). Определите в какую пору года попадает этот месяц (зима, лето, весна, осень).
  200. // ET = 6 min;
  201. // AT = 6 min;
  202. function task_9() {
  203. var month = (new Date()).getMonth();
  204. if (month == 0 || month == 1 || month == 11) {
  205. alert("Сейчас зима.");
  206. } else
  207. if (month >= 2 && month <= 4) {
  208. alert("Сейчас весна.");
  209. } else
  210. if (month >= 5 && month <=7) {
  211. alert("Сейчас лето");
  212. } else {
  213. alert("Сейчас осень");
  214. }
  215. }
  216. // 10. Переменная lang может принимать два значения: 'ru' и 'en'. Переменная day принимает значение от 0 до 6-ти.
  217. // Если lang имеет значение 'ru', то в переменную result запишите название дня недели на русском языке
  218. // в соответствии со значением переменной day (0 – воскресенье, 1 – понедельник, 2 – вторник и т.д.).
  219. // Если же lang имеет значение 'en' – то аналогично, но день недели будет на английском.
  220. // ET = 6 min;
  221. // AT = 9 min;
  222. function task_10() {
  223. var lang = prompt("Введите язык (ru, en):"),
  224. day = +prompt("Введите день (0 - 6):");
  225. if (lang == "ru") {
  226. switch(day) {
  227. case 0: alert("Воскресенье"); break;
  228. case 1: alert("Понедельник"); break;
  229. case 2: alert("Вторник"); break;
  230. case 3: alert("Среда"); break;
  231. case 4: alert("Четверг"); break;
  232. case 5: alert("Пятница"); break;
  233. case 6: alert("Суббота"); break;
  234. default: alert("День введен неправильно");
  235. }
  236. } else
  237. if (lang == "en") {
  238. switch(day) {
  239. case 0: alert("Sunday"); break;
  240. case 1: alert("Monday"); break;
  241. case 2: alert("Tuesday"); break;
  242. case 3: alert("Wednesday"); break;
  243. case 4: alert("Thursday"); break;
  244. case 5: alert("Friday"); break;
  245. case 6: alert("Saturday"); break;
  246. default: alert("Invalid data");
  247. }
  248. } else {
  249. alert(lang + " - язык не подерживается");
  250. }
  251. }