Задания по основам JavaScript.

Задания по JavaScript Много раз сталкивался с необходимостью приводить примеры заданий выполняемых на языке программирования JavaScript. Потому оформил несколько заданий, относящихся к основам языка (за бортом осталась работа с DOM, работа с таймерами, окнами, диалоговыми окнами, Drag&Drop. Для всех этих полезных вещей задания будут позже, если соберусь с мыслями и хватит времени). Браться за задания следует если вы ориентируетесь в понятиях: типы данных, переменные, выражения, циклические конструкции, функции, объекты, прототипное наследование.

  1. Существует CSS разметка для элемента в div {position:absolute; width:10px; height:10px; background:#ccf}. Постройте график функции cos (косинуса), использую математические функции объекта Math. В качестве «кисти», используйте вывод элементов div c CSS позиционированием.
  2. Напишите функцию для создания таблицы размером NхM. Такой, чтобы каждая ячейка заполнялась случайной буквой русского алфавита и случайным цветом фона (для выполнения задания, воспользуйтесь методом random() объекта Math; кроме того создайте массив в элементами – буквами алфавита)
  3. Напишите функцию showGraph() ,которая будет принимать неограниченное количество аргументов (целых чисел) и строить разноцветный график.
  4. С помощью прототипного наследования, создайте расширение для всех строковых объектов, которое позволит выводить строку, заключив ее в любой HTML-элемент. Например, есть переменная str, содержащая строку “Привет мир!”. Обратившись к расширению str.addToElement(“div”,”red”), мы должны получить фрагмент <div class=’red’> Привет мир!</div>
  5. Вывести таблицу с цветом фона подобным шахматной доске. Код оформить в виде функции, которая будет принимать три аргумента: fcolor – первый цвет таблицы, scolor – второй цвет ячеек таблицы, contents – массив, содержимое которого может выводиться в таблице.
  6. Создать функцию show(), которая будет принимать строковый параметр и присоединять получаемый текст к телу HTML-страницы.
  7. Создать объект myHTML, который будет работать с HTML-строкой. Объект должен принимать строку текста с помощью метода addText(str) (возвращая при этом сам объект через return), конкатенируя все последующие строки; принимать строку через метод addH(str, N) с двумя параметрами (строка и число от 1 до 6)- склеивать с исходной строкой текущую, помещенную в тег “”. Метод showHTML() должен распечатывать полученную строку и возвращать объект с исходной очищенной строкой.
  8. Напишите функцию, рассчитывающую размер ипотечного аннуитетного платежа. Функция должна принимать размер кредита в рублях, процентную ставку за период и количество периодов. Для расчета платежа, воспользуйтесь формулой на странице
  9. Написать функцию color(), которая будет генерировать случайный цвет в RGB формате. Проверьте работу функции: в цикле выведите 10 контейнеров div с разным фоном цвета.
  10. Напишите функцию, генерирующую массив с случайным количеством элементов вида «Товар N», где N случайный номер товара. Выведите на экран количество товаров каждого вида.
  11. Создайте метод у всех числовых объектов, который бы выводил значение числа от 0 до 99 в виде слов. Например число 45 должно выводиться как «сорок пять». Для выполнения задания используйте свойство prototype.
  12. Напишите функцию showOpacity(), которая бы принимала на вход обычную строку, а возвращала строку, в котором прозрачность букв менялась от 0 до 1 (с помощью свойств CSS; для работы с отдельными буквами используйте элемент span).

 

Другие задачи по JavaScript

Прикрепленный файлРазмер
JSq1.html1005 байтов
dz.html994 байта
dz9.html1.17 кб
JSq2.html1.36 кб
dz6.html601 байт
dz7.html1.5 кб
JS2705.rar201.53 кб
dz10.html1009 байтов

цвет

буквы плохо видно читать сложно, а так статья хорошая +1

Увеличил шрифт и выложил решение первого задания

Увеличил размер шрифта. За одно решил выкладывать выполненные варианты дополнительных домашних заданий. Для начинающих это будет удобно тем что можно будет себя проверить и/или посмотреть идею решения. Для тех кто уже занимался планирую написать новый набор домашних заданий для детальной работы с javascript (DOM, Drag&Drop, AJAX и др.)

Отправить комментарий

CAPTCHA
Этот вопрос задается для того, чтобы выяснить, пьёте ли Вы кофе или рассылаете спам
4 + 1 =
Решите эту простую математическую задачу и введите результат. То есть для 1+3, введите 4.