JavaScript

Файлы
  1. Выведите на страницу фразу «Я учусь программировать на языке JavaScript».
  2. Выделите слово JavaScript тегом <b>.
  3. Выделите всю фразу целиком тегом <i>.
  1. Создайте переменную, в которой укажите Ваш возраст.
  2. Выведите на страницу фразу «Мой возраст тут_переменная_с_возрастом лет».
  1. Создайте строковую переменную, в которой напишите Ваше имя.
  2. Создайте булевскую переменную, в которой запишите ответ на утверждение: «Вы мужчина?». Если да, то поставьте true, если нет, то поставьте false.
  3. Выведите на страницу фразу «Меня зовут тут_переменная_с_именем».
  4. Выведите на следующей строке фразу «Я мужчина? – тут_булевская_переменная».
  1. Дано такое выражение: (5 + 7) / ((12 – 5.5) * (5 – 8 * 12)). Вычислите на JavaScript и выведите результат на страницу.
  2. Каждое число в выражении сделайте переменной, например, var x = 5; var y = 7 и так далее. При этом если число «5» встречается дважды, то не надо создавать вторую переменную.
  3. Подставьте в выражение вместо чисел переменные, посмотрите на результат и убедитесь, что он совпадает с рассчитанным в 1-м пункте.
  4. Создайте 2 строки «17» и «-5».
  5. Сложите эти строки знаком «+».
  6. Сложите эти строки знаком «+», пропустив их предварительно через функцию Number.
  7. Объясните разницу в результатах 5-го и 6-го пункта.
  1. Создайте булевскую переменную, в которой запишите ответ на утверждение: «Вы мужчина?». Если да, то поставьте true, если нет, то поставьте false.
  2. Запишите условие, в котором проверьте значение булевской переменной, и если оно истинно, то выведите на страницу «Я мужчина», иначе выведите на страницу «Я женщина».
  3. Создайте переменную, в которой укажите Ваш возраст.
  4. Создайте скрипт, который будет выводить словесную интерпретацию возраста. Если меньше 18, то выведите «У меня юный возраст», если 18 и больше до 30, то «Я молодой», если от 31 до 50 – «Я взрослый», если от 51 до 80, то «Я зрелый», если больше 80, то «Я старый».
  5. Проверьте скрипт, поставив возраст из разных интервалов.
  1. Используя тег <table> и цикл for выведите таблицу умножения.
  2. Сделайте задачу из пункта 1, но с использованием цикла while.

Примечание: Вам потребуется двойной цикл, то есть цикл в цикле:
for (var i = 1; i < 10; i++) {
  for (var j = 1; j < 10; j++) {
    var result = i * j;
  }
}

  1. Запросите у пользователя целое число больше 0.
  2. Если это число меньше, либо равно 0, то через alert() сообщите об ошибке и повторно запросите число. Делайте это до тех пор, пока пользователь не введёт нормальное число.
  3. Рассчитайте сумму чисел от 1 до введённого числа, то есть 1+2+3+4+…+введённое_число
  1. Создайте массив из 10 любых чисел.
  2. Выведите массив через цикл.
  3. Поменяйте все элементы в массиве местами, то есть тот, что был 10-м, сделайте 1-м. Тот, что был 9-м, сделайте 2-м и так далее.
  4. Выведите через цикл получившийся массив (на следующей строке) и посмотрите, всё ли правильно сделано.
  1. Создайте двумерный массив 3 на 3 с любыми числами.
  2. Выведите этот массив в теге <table>, чтобы каждое число было в своей ячейке.
  3. Напишите скрипт, который диагональные элементы сделает равными 1, а остальные 0. То есть элементы[0][0], [1][1], [2][2] – 1, а остальные 0. Сделайте это без цикла.
  4. Выведите через <table> получившийся массив.
  5. Сделайте задачу из 3-го пункта с использованием циклов и, выведя массив на страницу, убедитесь, что результат тот же.
  1. Создайте функцию, принимающую двумерный массив и выводящую его в теге <table> на страницу, чтобы каждое число было в своей ячейке.
  2. Создайте двумерный массив 3 на 3 и передайте его в функцию, убедившись, что она работает.
  3. Создайте функцию, принимающую одномерный массив и возвращающую (именно возвращающую, а не выводящую) сумму всех элементов массива.
  4. Создайте одномерный массив, затем вызовите функцию из 3-го пункта, а результат запишите в переменную.
  5. Выведите эту переменную через alert().
  1. Создайте переменную counter, которая изначально должна быть равна 0.
  2. Создайте функцию, которая увеличивает переменную counter на 1 при каждом её вызове.
  3. Создайте функцию, которая через alert() выводит значение переменной counter.
  4. Вызовите 5 раз функцию из 2-го пункта.
  5. Вызовите функцию из 3-го пункта и убедитесь, что она вызовет alert() и выведет там значение 5.
  1. Выведите на страницу через тег <img /> любое изображение.
  2. Поставьте атрибут width со значением 100.
  3. При наведении курсора на это изображение увеличьте width у изображения до 500.
  4. При снятии курсора с изображения сделайте width обратно 100.
  5. Сделайте аналогичную задачу, но с использованием клика. При первом клике увеличивайте, при втором клике уменьшайте, при третьем увеличивайте, при четвёртом уменьшайте и так далее.
  1. Создайте форму, в которой будет поле для ввода логина и кнопка «Проверить».
  2. Создайте функцию, которая вызывается при нажатии на кнопку «Проверить» и выводящую правильность ввода логина.

Примечание: Логин должен быть от 3-х до 32-х символов, и должен содержать только буквы и цифры.

  1. Выведите время, проведённое пользователем на странице в формате: mm:ss. Например, 01:15 или 02:00. То есть первые 2 цифры – это минуты, а вторые 2 цифры – это секунды. Каждую секунду время должно увеличиваться.

Примечание: Обратите внимание, что если число минут или секунд меньше 10, то должен быть добавлен ведущий 0, то есть чтобы не было 01:5, а было 01:05.

  1. Создайте форму с текстовым полем для ввода числа и выпадающим списком из 2-х значений: sin и cos. Также добавьте кнопку «Рассчитать».
  2. Создайте функцию, которая вызывается по нажатию кнопки «Рассчитать» и рассчитывает sin или cos (в зависимости от выбранного элемента в выпадающем списке) с учётом того, что пользователь вводил градусы, а не радианы.

Примечание: Чтобы перевести градусы в радианы надо умножить градусы на число ПИ и поделить на 180.

  1. Создайте форму с текстовым полем, куда пользователь должен будет ввести дату своего рождения в формате ДД.ММ.ГГГГ (например, 25.05.1980).
  2. С помощью регулярного выражения корректность ввода.
  3. Вычислите и через innerHTML выведите отдельный блок, сколько секунд уже прожил данный человек.
  4. Вычислите и через innerHTML выведите отдельный блок, сколько часов уже прожил данный человек.
  5. Вычислите и через innerHTML выведите отдельный блок, сколько дней уже прожил данный человек.
  1. Найдите в справочнике функцию, которая позволяет из массива вытащить другой массив, указав начальный индекс и конечный. Например, есть массив {1, 5, 7, 8}, и нужно из него получить массив {5, 7}.
  2. Найдите в справочнике функцию, которая соединяет массивы.
  3. Создайте массив {5, 7, 0} и {1, 3, 5} и создайте число 9.
  4. С помощью найденной функции во 2-м пункте получите массив {5, 7, 0, 1, 3, 5, 9}.
  1. Найдите у себя на компьютере или в Интернете текст на 2000-4000 символов.
  2. Вставьте данный текст на страницу.
  3. Создайте текстовое поле, в которое пользователь будет вводить строку, которую будет нужно найти в тексте.
  4. Напишите скрипт, который в тексте на странице будет выделять все совпадения тегом <b>.

Примечание: После ввода искомой строки в тексте на странице должны быть выделены тегом <b> все найденные совпадения со строкой, чтобы пользователь сразу видел, где найдена его строка. Для поиска используйте indexOf(), также потребуются циклы. Если совпадений нет, то через alert(): «Ничего не найдено!».

  1. Сделайте меню, аналогичное тому, что в уроке, но скрипты не копируйте, просто HTML-меню.
  2. Создайте ссылки «Добавить» и «Удалить» за пределами меню.
  3. При нажатии на ссылку «Добавить» в меню должен быть добавлен ещё 1 пункт, причём нумерация должна сохраняться, то есть если была «Ссылка 5», то должна появиться «Ссылка 6».
  4. При нажатии на «Удалить» должна удаляться последний пункт в меню.
  5. Если удалять уже нечего и пользователь нажал «Удалить», то вывести через alert(): «Уже всё удалено!».

Упражнение

X