Создать Web-документ, содержащий номер варианта задания, список бригады в виде таблицы, содержащей маленькую картинку, ФИО и кнопку для показа подробностей о данном члене бригады, а также следующее:
| Вариант
| Задания
|
|
| Два поля редактирования, два поля ввода пароля и кнопку. Организовать проверку совпадения паролей в обоих полях и выдать ответ в виде alert() об совпадении и несовпадении. Ввести в два поля названия двух цветов и вывести в новом окне надпись для результирующего цвета (4 примера, для остальных “не знаю”) с соответствующим цветом фона.
|
|
| Получить от пользователя информацию об имени пользователя с помощью prompt () и поместить ее на страницу с приветствием и текущей датой. Здесь же поместить данные об используемом броузере, цвете текста и фона страницы. Организуйте сообщение о содержимом ячейки таблицы с ФИО в строке состояния при размещении мыши над кнопкой показа. При уходе мыши очистить строку состояния.
|
|
| Получить от пользователя строку информации с помощью prompt () и поместить ее в текстовую область. Разместите кнопку, при нажатии которой откроется новое окно со всеми характеристиками. Пусть оно будет размером 250 на 300 пикселей и с двумя ссылками:
- Одна откроет новую страницу в главном окне.
- Вторая откроет новую страницу в том же окне.
- Страница, которая откроется в том же маленьком окне, должна содержать ссылку, закрывающую окно.
|
|
| С помощью prompt () заполните два поля редактирования. Затем по нажатию кнопки с помощью функции confirm() выберите одно из двух значений полей, откройте новое окно и выведите в него текст этого поля полужирным шрифтом красным цветом..
|
|
| Получить от пользователя информацию об имени пользователя с помощью prompt () и поместить ее на страницу с приветствием и текущей датой. Здесь же поместить данные об используемом броузере, цвете текста и фона страницы. Разместите два поля редактирования для ввода двух целых чисел от 1 до 9 и кнопку, при нажатии которой открывается новое окно и в нем размещается произведение этих двух чисел. Сделать проверку правильности ввода этих чисел по событию onBlur.
|
|
| Введите с помощью поля ввода пароля скрытое целое число от 0 до 100. Организуйте проверку правильности ввода. Разместите поле редактирования для ввода целого числа в диапазоне от 0 до 100 и кнопку для угадывания числа, при нажатии на которую анализируется правильность угадывания и с помощью alert() выводится результат: неверный диапазон, число больше или число меньше заданного. Если число больше, то фон страницы становится розовый. Если число меньше, то фон страницы становится голубой. При совпадении приветствие и фон белый.
|
|
| Разместите два поля редактирования для ввода начального и конечного чисел и кнопку, при нажатии которой открывается новое окно и в нем размещается таблица из 10 значений логарифмов для диапазона этих чисел (использовать цикл). Сделать проверку правильности ввода этих чисел по событию onBlur.
|
|
| Заполнить “анкету переписи” с полями ФИО и дату рождения. Спросить пользователя любит ли он розовый цвет. Открыть новое окно и в нем разместить текст поздравления с наступающим или прошедшим днем рождения, если он не был или был в этом году соответственно. Фон страницы розовый, если пользователь его любит, и голубой в противном случае.
|
|
| Разработать “игру в кости”. Спросить каждого из двух пользователей о его любимом цвете (из списка) и сохранить соответствующее значение в массиве. Для каждого из двух членов бригады разместить кнопку “бросания костей”. Генератор случайных чисел выдает целое число в диапазоне от 1 до 12. Результат каждого бросания выводится (с указанием имени) в alert(). Кнопка “победитель” выводит приветствие в новое окно с фоном любимого цвета победителя.
|
|
| Написать скрипт “статистика”. В текстовую область заносится произвольный текст и по нажатию кнопки подсчитывается число знаков (включая пробелы) и число слов и эти значения выводятся в отдельное окно. (Используйте свойству length и методы indexOf(), charAt() текстовых переменных.).
|
|
| Написать скрипт “сортировка слов”. В текстовую область заносится набор слов. При нажатии кнопки “ сортировка ” производится сортировка слов в прямом или обратном порядке в зависимости от флажка выбора. Результат выводится в новом окне. (Используйте массивы и свойства length и методы indexOf(), charAt() текстовых переменных.)
|
|
| Разместить поле редактирования для ввода имени пользователя. При нажатии клавиши Enter или кнопки входа должно открыться дополнительное окно с полем для ввода пароля. Список из нескольких пользователей и их паролей хранить в массиве. Организовать проверку допустимого имени и совпадения паролей и выдать ответ в виде alert() о разрешении входа в систему или отказе.
|
|
| Разместить на странице некоторый текст, размер которого в 2 раза больше размера отображаемого броузером. Сверху документа поместить кнопку «Крутить вниз», а снизу кнопку «Крутить вверх». При нажатии этих кнопок документ должен прокручиваться со скоростью 10 пикселей в 0,1 секунду. Для скрипта использовать функции setInterval() и scrollBy() и свойства объекта BODY (scrollTop, scrollLeft – текущие координаты верхнего левого угла той части документа, которая отображается в окне броузера; clientHeight, clientWidth – высота и ширина окна броузера; scrollHeight, scrollWidth – высота и ширина документа).
|
|
| Разместить список членов бригады. При прохождении мыши над фамилией изменить ее цвет, а в строке состояния вывести дополнительную информацию. При выборе фамилии новое окно с данными о члене бригады. Страница, которая откроется в окне, должна содержать ссылку, для закрытия окна и возврате назад.
|
|
| Разместить список членов бригады в виде таблицы с дополнительным полем, в которое поместить флажок. Создать еще одну таблицу с 4 цветами. При выборе цвета в текстовое поле помещается его название. Затем по нажатию кнопки с подтверждением помощью функции confirm() измените цвета фона для тех членов бригады, для которых установлен флажок.
|
|
| Поместить список учебных предметов (не менее 5). Организуйте сообщение о содержимом строки списка в строке состояния при размещении над ней мыши. При уходе мыши очистить строку состояния. Организовать множественный выбор элементов списка. Показать выбранные строки списка с помощью alert() при нажатии кнопки «Выбор».
|
|
| Создать раскрывающийся список с названиями фруктов (не менее 5). После выбора одного из них получить разрешение с помощью функции confirm() и переместить этот фрукт на первую строку списка.
|
|
| Создать сценарий, показывающий текущее время в текстовом поле. Организуйте сообщение о текущей дате в строке состояния при размещении над полем мыши.
|
1. Для чего используется “форма” в Web – документах ?
2. Каков синтаксис элемента “форма” ?
3. Каково назначение и синтаксис элемента “ поля редактирования ” ?
4. Каково назначение и синтаксис элемента “ поля ввода пароля ” ?
5. Каково назначение и синтаксис элемента “ текстовая область ” ?
6. Каково назначение и синтаксис элемента “ кнопки Submit ” ?
7. Каково назначение и синтаксис элемента “ кнопки Reset ” ?
8. Каково назначение и синтаксис элемента “ кнопки JavaScript ” ?
9. Каково назначение и синтаксис элемента “ флажок опций ” ?
10. Каково назначение и синтаксис элемента “ переключатель опций (радиокнопка) ” ?
11. Каково назначение и синтаксис элемента “ список ” ?
12. Какова модель объектов JavaScript?
13. Как управлять потоком вычислений?
14. Что такое “cобытие” и как его обрабатывать? Привести примеры событий JavaScript.
15. Как используются массивы в JavaScript?
16. Как использовать рисунок для гиперссылки?
17. Как использовать графика в JavaScript ?
18. Как встраивать скрипты в HTML-документ?
