Задачи по JavaScript
Создать html-документ по образцу:
Создать сценарий JavaScript, который выводит результат обработки формы в окно сообщений в виде «Уважаемый(ая) Фамилия Имя! Мы рады приветствовать Вас на наших курсах. Надеемся на дальнейшее (продолжение) сотрудничество.», если форма заполнена полностью, или в виде «Не все данные введены!».
<html>
<head>
<script language="javascript">
function vivod()
{
a=form1.fam.value; b=form1.imen.value;
if (a=='' || b=='')
alert('«Не все данные введены!»')
else
alert('«Уважаемый(ая)'+ a +' '+ b + 'Мы рады приветствовать Вас на наших курсах. Надеемся на дальнейшее (продолжение) сотрудничество.»')
}
</script>
</head>
<body>
<form name="form1">
Фамилия: <input type=text name="fam"><br>
Имя: <input type=text name="imen"><br>
Пол:<input type=radio checked name=rt>
<option>М</option>
<input type=radio name=rt>
<option>Ж</option><br>
Образование: <select>
<option>среднее</option>
<option>высшее</option>
</select><br>
Хочу записаться на курсы:
<input type=checkbox name=we >
<option>Базы данных</option>
<input type=checkbox name=we >
<option>Вэб-программирование</option>
<input type=checkbox name=we >
<option>Компьютерная графика</option><p>
<input type=submit name=otpr value=Отправить onclick=vivod()>
</form>
</body>
</html>
2 Создать html-документ по образцу:
Создать сценарий JavaScript, обрабатывающий данные формы по щелчку на кнопке «Регистрация». Если данные полей «Пароль» и «Подтверждение пароля» не совпадают сценарий должен выдавать сообщение «Пароль не подтвержден», если заполнены не все поля – «Заполните все поля», и «Регистрация прошла успешно», если форма заполнена правильно.
<html>
<head>
<script language="javascript">
function vvod()
{a=form1.login.value;
b=form1.parol.value;
c=form1.podtv.value;
if (a=='' || (b && c)=='')
alert('Заполните все поля')
else
if (b!=c)
alert('Пароль не подтвержден')
else
alert('Регистрация прошла успешно')
}
</script>
</head>
<body>
<form name=form1>
Логин: <input type=text name=login><p>
Пароль: <input type=password name=parol>
<p>
Подтверждение пароля: <input type=password name=podtv>
<p>
<input type=submit value=Регистрация onclick=vvod()>
</form>
</body>
</html>
3 Создайте документ «HTML-язык разметки», который содержит заголовок третьего уровня, абзац и таблицу из двух строк и двух столбцов.
Напишите сценарий JavaScript, используя CSS который:
Заголовок: при щелчке на нём меняет цвет на синий, подчеркивает, делает все буквы заглавные, интервал между словами 40, вид курсора меняется.
Абзац: при щелчке на нем меняет цвет фона и текста абзаца, шрифт-Arial, отступ первой стоки-50, первые буквы становятся заглавными, интервал между строками-5, между словами-20, отступ со всех сторон -100.
Таблица: при двойном щелчке граница становится толстой, меняет цвет, двойная, ячейки не имеют промежутков между собой, меняет цвет фона и вид курсора.
<html>
<head>
<script language="javascript">
function qwerty()
{
par1.style.backgroundColor="blue";
par1.style.color="red";
par1.style.fontFamily="arial";
par1.style.textTransform="capitalize";
par1.style.wordSpacing="20";
par1.style.lineHeight="5";
par1.style.textIndent="50";
par1.style.margin=100
}
function izmcolor()
{
head3.style.color="blue";
head3.style.textDecoration="underline";
head3.style.textTransform="uppercase";
head3.style.wordSpacing=40;
head3.style.cursor="Crosshair";
}
function tel1()
{
t1.style.borderColor="red";
t1.style.cursor="progress";
t1.style.borderStyle="Double";
t1.style.borderWidth="Think";
t1.style.borderCollapse="collapse";
t1.style.backgroundColor="green";
}
</script>
</head>
<body>
<h3 id="head3" onclick="izmcolor()" >Qqwwergvdrtg</h3>
<p id="par1" onclick="qwerty()">Прикол вообще</p></br>
<table border id="t1" onDblClick="tel1()">
<tr>
<td>ddd</td>
<td>ssss</td>
</tr>
<td>ffff</td>
<td>vvv</td>
</tr>
</table>
</body>
</html>