script.js 11 KB

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