script.js 11 KB

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