2. Задание:

2.1  Задание 1

Написать НTML документ, создающий на экране компьютера поля для ввода имени, адреса электронной почты, текста сообщения и кнопки «Отправить» и «Сброс». Документ должен содержать скрипт, проверяющий соответствующие поля на наличие и корректность введенных данных. В частности, корректность введенного адреса электронной почты. В качестве критерия правильности принять наличие в адресе символа “@” и символа “.” (точка). Если адрес правильный (есть указанные выше символы) после нажатия кнопки «Отправить» должно открыться окно с надписью «Письмо отправлено», если нет - окно с надписью «Введите правильно адрес».

Имя
E-mail
Коментарий

Как скрипт работает с этими элементами формы и как выглядит проверка?

Рассмотрим сначала HTML-код в разделе body. Здесь мы создаем лишь элементы для ввода текста и две кнопки. Кнопка «Отправить» вызывает функции test(...). В качестве аргумента к этим функциям мы передаем комбинацию this.form, что позже позволит нам адресоваться в самой функции именно к тем элементам, которые нам нужны. Функция test1(form) проверяет, является ли данная строка пустой. Это делается посредством if (form.text1.value == "")... . Здесь 'form' - это переменная, куда заносится значение, полученное при вызове функции от 'this.form'. Мы можем извлечь строку, введенную в рассматриваемый элемент, если к form.text1 припишем 'value'. Чтобы убедиться, что строка не является пустой, мы сравниваем ее с "". Если же окажется, что введенная строка соответствует "", то это значит, что на самом деле ничего введено не было. И наш пользователь получит сообщение об ошибке. Если же что-то было введено верно, пользователь получит подтверждение - ok.

2.2 Задание 2

Расположите на форме несколько кнопок (на кнопке прописан цвет), нажатие на которые приводит к изменению фона документа. Открываясь, страница запрашивает пользователя ввести имя. При выборе цвета должно всплывать окно со словами "Эй, (имя)! Вы выбрали (цвет)."

3. Указания к заданиям:

3.1 Обратите внимание, мы передаем в функцию (например, её имя:) newcolor() (новый цвет) неизменяемую строку текста, стоящую в скобках('lightblue'). Она находится в одинарных кавычках, потому что имя функции стоит в двойных.

2. Когда вы нажимаете кнопку, строка в скобках передается в функцию newcolor().

3.3 Функция ждет, пока поступит необходимая ей информация. Помните, во всех функциях до сих пор скобки были пустые? Потому что у них были все необходимые данные. В данном случае дополнительная информация поступает в функцию, когда пользователь нажимает на кнопку. Кнопка содержит ту же функцию, только теперь у нее есть необходимые данные, то есть, цвет. Форма передает цвет двум элементам в разделе <SCRIPT>: методу alert и строке document.bgColor. Получив все данные, функция вступает в действие: всплывает окно и меняется цвет фона.

4. Отчет должен содержать:

4.1 Решение задачи 2.1 и 2.2 с соблюдением указаний п. 3.