Пропустить навигацию

Практика 2

Задание

  1. Создайте страницу button.html с кнопкой с названием «Щёлкните здесь!», по щелчку на которой выдается сообщение «Был щелчок» (input, onclick, alert).
  2. Используя файл browser_background.html, создайте страницу с четырьмя кнопками, первые две из которых изменяют цвет фона на жёлтый и фиолетовый соответственно, по щелчку на третьей устанавливается фоновое изображение, а по щелчку на четвертой фоновое изображение убирается.
  3. Разберите код страницы graphic_button.html. Создайте страницу second.html с произвольным содержимым и графический файл с именем image3.gif или image3.jpg. Модифицируйте исходный текст так, чтобы при уходе указателя мыши с изображения выводилась картинка из файла image3.
  4. Используя код страницы mathematics1.html, организуйте ввод значения, преобразование его в десятичное число и вывод числа, которое больше исходного на 10.
  5. Используя код страницы mathematics2.html и справку по методам объекта Math, организуйте ввод значения аргумента и вычисление выражения   y= (tg6x * cos3x + ln x – sin 4,5x)/ π*e3/2x +√23x   с выводом  результата на экран (prompt, parseFloat, alert). 
  6. Cоздайте страницу с JavaScript-кодом, реализующим сложение двух введенных пользователем чисел и вывод результата с помощью alert.
  7. В примере daycount1.html приведён код, позволяющий определять количество дней в месяце по его номеру (январь – 0, февраль – 1, …). Решите задачу в предположении, что январь – 1, февраль – 2 и т.д.
  8. Страница daycount2.html позволяет осуществлять проверку введенных пользователем значений на предмет выхода за пределы диапазона от 0 до 11. Дополните код, чтобы осуществлялась проверка типа вводимых данных: он должен быть числовым, В случае ввода нечислового значения должно выводиться сообщение об ошибке и типе данных, который ввел пользователь. (parseInt, isNaN, typeof).
  9. Решите задачу определения количества дней в месяце по его номеру, используя оператор switch.

Чтобы посмотреть как работает код, кликните на имя файла

Исходный код:

файл Alert.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
    <HEAD><TITLE>Alert</TITLE></HEAD>
    <BODY onload="javascript:alert('Hello!');" onunload="alert('Good-bye!')">
    Text
    </BODY>
</HTML>

файл  browser_background.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
    <HEAD><TITLE>Background</TITLE></HEAD>
    <BODY>
        <FORM name="frm">
            <INPUT type="button" value="  red    " 
                   onclick="document.bgColor='red'">
            <INPUT type="button" value="  blue   "                 
                   onclick="document.bgColor='blue'">
            <INPUT type="button" value="  green  " 
                   onclick="document.bgColor='green'">
            <INPUT type="button" value="  white  " 
                   onclick="document.bgColor='white'">
        </FORM>
    </BODY>
</HTML>

 

Файл daycount1.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
    <HEAD><TITLE>Month Day Number</TITLE></HEAD>
    <BODY>
<SCRIPT type="text/javascript" language="JavaScript">
<!--
    var monthnumber = prompt('Input month number (0...11)','');
    monthnumber = parseInt(monthnumber, 10);
    if(monthnumber==1)
        alert('28 or 29');
    else
        if(((monthnumber%2==0)&&(monthnumber<=6)
           ||(monthnumber%2==1)&&(monthnumber>6)))
            alert('31');
        else
            alert('30');
//-->
</SCRIPT>
    </BODY>
</HTML>

Файл daycount2.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
    <HEAD><TITLE>Month Day Number</TITLE></HEAD>
    <BODY>
<SCRIPT type="text/javascript" language="JavaScript">
<!--
    var monthnumber = prompt('Input month number (0...11)','');
    if((monthnumber<0)||(monthnumber>11))
        alert('Error!!!');
    else  
        if(monthnumber==1)
            alert('28 or 29');
        else
            if(((monthnumber%2==0)&&(monthnumber<=6)
                ||(monthnumber%2==1)&&(monthnumber>6)))
                alert('31');
            else
                alert('30');
//-->
</SCRIPT>
    </BODY>
</HTML>

Файл graphic_button.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
    <HEAD>
        <TITLE>Graphic button</TITLE>
    </HEAD>
    <BODY>
        <A href="second.html" 
           onmouseover="document.mainimage.src='image2.gif'"
           onmouseout="document.mainimage.src='image1.gif'">
            <IMG name="mainimage" src="image1.gif" 
                 border="0" width="443" height="338">
        </A>
    </BODY>
</HTML>

Файл mathematics1.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
    <HEAD><TITLE>Mathematics</TITLE></HEAD>
    <BODY>
<SCRIPT type="text/javascript" language="JavaScript">
<!--
    var x = prompt('Input x','');
    x = parseInt(x, 10);
    x += 88;
    alert( x );
//-->
</SCRIPT>
    </BODY>
</HTML>

Файл mathematics2.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
    <HEAD><TITLE>Mathematics</TITLE></HEAD>
    <BODY>
<SCRIPT type="text/javascript" language="JavaScript">
<!--
    var x = prompt('Input x','');
    var y = Math.cos(x);
    alert( 'y = ' + y );
//-->
</SCRIPT>
    </BODY>
</HTML>