index.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Home work 4</title>
  6. <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  7. <script type="text/javascript" src="script.js"></script>
  8. </head>
  9. <body>
  10. <div class="task">
  11. <h2>Задача 1</h2>
  12. <p>Создайте смешанный массив, например [1, 2, 3, ‘a’, ‘b’, ‘c’, ‘4’, ‘5’, ‘6’]. Посчитайте сумму всех его чисел, включая строковые. Выведите сумму в alert.</p>
  13. <div class="button" onclick="exercises(1)">Запустить задачку</div>
  14. </div>
  15. <div class="task">
  16. <h2>Задача 2</h2>
  17. <p>Сгенерируйте массив из N случайных чисел с двумя знаками после запятой. Затем переберите массив и распечатайте в консоли значения его элементов, возведенные в пятую степень, используя вложенные циклы.</p>
  18. <div class="button" onclick="exercises(2)">Запустить задачку</div>
  19. </div>
  20. <div class="task">
  21. <h2>Задача 3</h2>
  22. <p>Создайте пустой массив. В цикле до n на каждой итерации запускайте prompt для ввода любых символов, полученное значение добавляйте в конец созданного массива. После выхода из цикла посчитайте сумму всех чисел массива и выведите в alert полученный результат.</p>
  23. <div class="button" onclick="exercises(3)">Запустить задачку</div>
  24. </div>
  25. <div class="task">
  26. <h2>Задача 4</h2>
  27. <p>Создайте массив со значениями: ‘AngularJS’, ‘jQuery’.<br>
  28. Добавьте в начало массива значение ‘Backbone.js’<br>
  29. Добавьте в конец массива значения ‘ReactJS’ и ‘Vue.js’<br>
  30. Добавьте в массив значение ‘CommonJS’ вторым элементом<br>
  31. Найдите и удалите из массива значение ‘jQuery’, выведите его в alert со словами “Это здесь лишнее”</p>
  32. <div class="button" onclick="exercises(4)">Запустить задачку</div>
  33. </div>
  34. <div class="task">
  35. <h2>Задача 5</h2>
  36. <p>Создайте строку с текстом ‘Как однажды Жак звонарь сломал городской фонарь’. Разбейте ее на массив слов, и переставьте слова в правильном порядке с помощью любых методов массива (indexOf, splice ...). Затем объедините элементы массива в строку и выведите в alert исходный и итоговый варианты.</p>
  37. <div class="button" onclick="exercises(5)">Запустить задачку</div>
  38. </div>
  39. <div class="task">
  40. <h2>Задача 6</h2>
  41. <p>Используя вложенные циклы, сформируйте двумерный массив, содержащий таблицу умножения</p>
  42. <div class="button" onclick="exercises(6)">Запустить задачку</div>
  43. </div>
  44. <div class="task">
  45. <h2>Задача 7</h2>
  46. <p>Создайте ассоциативный массив person, описывающий персону, с произвольным количеством произвольных полей. С помощью оператора in или typeof проверьте наличие в объекте свойства, прочитанного из prompt, и выведите его на экран. Если свойства нет, то добавляйте его в объект со значением, которое также запрашивается из prompt.</p>
  47. <div class="button" onclick="exercises(7)">Запустить задачку</div>
  48. </div>
  49. <div class="task">
  50. <h2>Задача 8</h2>
  51. <p>Сгенерируйте объект, описывающий модель телефона, заполнив все свойства значениями, прочитанными из prompt (например: brand, model, resolution, color...), не используя вспомогательные переменные. Добавьте этот гаджет персоне, созданной ранее.</p>
  52. <div class="button" onclick="exercises(8)">Запустить задачку</div>
  53. </div>
  54. <div class="task">
  55. <h2>Задача 9</h2>
  56. <p>Создайте объект dates для хранения дат. Первая дата – текущая, new Date. Вторая дата – текущая дата минус 365 дней. Из prompt читается дата в формате yyyy-MM-dd. Проверьте, попадает ли введенная дата в диапазон дат объекта dates.</p>
  57. <div class="button" onclick="exercises(9)">Запустить задачку</div>
  58. </div>
  59. <div class="task">
  60. <h2>Задача 10</h2>
  61. <p>Создайте структуру данных, полностью описывающую html-разметку картинки</p>
  62. <p>var image = {<Br>
  63. src: "https://www.google.com.ua/logos/doodles/2017/bella-akhmadulinas-80th-birthday-5134676388741120.3-law.gif",<Br>
  64. alt: "",<Br>
  65. style: {<Br>
  66. border: "1px solid #ccc"<Br>
  67. },<Br>
  68. width: 200<Br>
  69. }</p>
  70. </div>
  71. <div class="task">
  72. <h2>Задача 11</h2>
  73. <p>С помощью jQuery добавьте картинку на страницу вместе со всеми атрибутами, используя созданную ранее структуру.</p>
  74. </div>
  75. </body>
  76. </html>