Задание

1. Создайте каталог «11класс» в своей папке группа, а в нём создайте файл js1.htm

2. Наберите html-код примера встраивания скрипта и проанализируйте работу скрипта в броузере

3. Замените вывод переменной dпо образцу конкатенации с тегами HTML, проанализируйте в броузере

4. Замените вывод переменной d по образцу конкатенации с текстом и тегами HTML

5. Дополните вывод результата выводом исходных данных: а=2 в=4 с=5

Практическая работа “Встраивание скриптов”

1. Создайте скрипт в файле js1.htm для вычисления математического выражения

2( x² + y) – 3(x² - y)

Z = -------------------------- для х = 10 y = 15

5( x² - y² )

Отформатируйте вывод информации по следующему образцу:

При заданных числах X=10 Y=15цвет шрифта красный, размер= 5

горизонтальная линия

Z = … цвет шрифта зелёный,размер= 6

2. Создайте скрипт, который вычитает 153947 из 105706 и выводит результат вместе с числами 153947 и 105706. Создайте свой образец вывода и отформатируйте вывод информации по этому образцу.

3. Создайте скрипт, который вычисляет площадь прямоугольного участка земли, имеющего размер 53,8Х123,4 метров. Отформатируйте вывод по вашему образцу.

4. Найти стоимость пакета акций, если у вас имеется 150 акций фирмы IBM и 75 акций фирмы Netscape стоимостью соответственно 315 и 175 долларов каждая.

Отформатируйте вывод по вашему образцу

5. Сколько километров содержится в 15 милях, если 1 миля содержит 1,60935 км.

Отформатируйте вывод по вашему образцу.

6. Найти площадь круга, радиус которого равен 11 см. Отформатируйте вывод по вашему образцу.

4. Переменные. Выражения и операции

Переменные. Как и в других языках программирования, в JavaScript переменная имеет два признака: имя переменной и значение переменной. Имя переменной должно начинаться с латинской буквы или символа подчёркивания (_), следующие символы могут быть латинские буквы или арабские цифры. Язык чувствителен к регистру, то есть следует различать заглавные и маленькие буквы.

Создать переменную можно двумя способами:

1. используя ключевое слово var с оператором присваивания (var a=5 или var a)

2. используя только оператор присваивания (а=5)

Оператор присваивания записывает значение в переменную.

При объявлении переменной не указывается её тип, язык JavaScript слаботипизирован. Именем переменной не может быть ключевое слово языка (названия операторов, объектов и других элементов языка).

Значениями переменных могут быть:

· целые и действительные числа: X1=-5; ax=38; _S=3.453;

· символьные строки: computer=”computer”; z=”язык программирования”; (значения символьных строк выделяются в кавычки)

· Булевы значения true и false, а также значение null

Ключевые слова.В языке JavaScript имеется ряд зарезервированных или ключевых слов, которые используются для описания операторов:

Выражения и операции. Значениями переменных могут быть арифметические и условные выражения.

Арифметические выражения содержат арифметические операции: + сложение (конкатенация для символьных строк), - вычитание, * умножение, / деление. Приоритет действий выделяют круглые скобки.

Примеры:

part1=”Java”; Year=365*24; x=”ответ равен”+42;

а). part2=”Script” ; б). Minutes=Year*60; в). z=”58”+42; part3=part1+part2;

Условные (логические) выражения проверяют истину знака сравнения в условии (==,!=,>,<,>=,<=). Если результат сравнения вырабатывает значение true, то в переменную запишется одно значение, если результат сравнения – false, то в переменную запишется другое значение.

Пример: status =(a >= 18) ?”взрослый” :”подросток”;

Сравнение Значение1 Значение 2

Если значение в переменную а введено >=18, то в переменную statusзапишется значение”взрослый”, иначе – status = “подросток”.

5. Вывод информации методом document.write

Язык JavaScript предоставляет способ вывода информации в окно броузера с помощью метода write объекта document.

document.write(“текст”) – вывод содержимого в кавычках

document.write(z) – вывод значения переменной z

document.write(“текст”+z) – конкатенация переменной с текстом

document.write(“<h1>текст”+z+”</h1>” )– конкатенация переменной с тегами HTML

document.write(арифметическое выражение) – вывод результата арифметического

выражения.

Используя конкатенацию с тегами форматирования объект document предоставляет пользователю доступ к элементам оформления web-страницы.

При выводе длинных выражений в методе document.write можно применять вложенные круглые скобки, например:

document.write((“<h1>текст”)+(z)+(”</h1>”));

Вложенные кавычки должны различаться по виду, например:

document.write(“<font color= ‘#red’>текст</font>”);

Метод document.writeln(список выражений) применяется для перевода курсора в начало следующей строки при просмотре документа в виде HTML.

Для установки цвета фона страницы web-документа используется свойство bgColor объекта document с указанием кода цвета, например:

document.bgColor=”# ffffff”

Контрольные вопросы

1. Что такое переменная? Каковы признаки переменной?

2. Как можно задать имя переменной в языке JavaScript?

3. Как создать переменную? Какой оператор записывает значение в переменную?

4. Какие значения могут содержать переменные?

5. Какие выражения могут содержать переменные? Приведите примеры.

6. Какие арифметические операции выполняют арифметические выражения?

7. Какие сравнения могут выполняться в логических выражениях?

8. Какие значения вырабатывают логические выражения?

9. Какое средство языка JavaScript позволяет выводить информацию в окно броузера?

10. Какие возможности предоставляет метод document.write при выводе информации?

11. Каков синтаксис языка при конкатенации переменных с текстом и тегами HTML?

12. Как установить цвет фона в HTML-документе?

Практическая работа «Метод document.write»

Создайте скрипт в файле js2.htm, демонстрирующий варианты вывода информации методом document.write