Разработка методики преподавания факультатива по программированию на языке JavaScript

Рефераты / Педагогика / Разработка методики преподавания факультатива по программированию на языке JavaScript

Пример:

<html>

<head>

var bonus; /* Это глобальная переменная. Она видна во всем файле, а не только в этом блоке.*/

function ShowBonus() {

var sum; // Это локальная переменная, видна только в функции ShowBonus().

bonus = . // Присвоение значения глобальной переменной.

}

</script>

</head

function CalcBonus() {

var sum; // Это локальная переменная, видна только в функции CalcBonus().

bonus = . /* Это присвоение значения глобальной переменной. Переменная

видна в этом скриптовом блоке, хотя описана в другом.*/

}

</script>

</body>

</html>

Практическая работа № 1. «Создание сценариев. Ввод и вывод информации в языке JavaScript. Управление данными с помощью переменных»

Упражнения:

1*. Создать шаблон HTML-страницы – текстовый файл, который содержит блок HTML, блок TITLE, блок HEAD, блок SCRIPT, блок BODY.

2*. Напишите сценарий, который позволяет вывести на экран два окна предупредительных сообщений с созданными вами сообщениями.

3*. Напишите сценарий, который позволяет вывести на экран результат следующих вычислений:

х = 5

у = х + 3

4*. Используя готовый сценарий задания № 2, создайте внешний файл .js и подключите его к web-странице.

5*. Напишите сценарий, который позволяет вывести окно подтверждения с созданным вами сообщением. Добавьте к web-странице метод confirm несколько раз и посмотрите, каким будет результат.

6*. Напишите встроенный сценарий, который позволяет вывести на экран окно запросов с созданным вами сообщением. Встроенный сценарий разместить в теге абзаца.

7**. Напишите сценарий, в котором объявляются две переменных, имеющие разный тип данных и на экран выводятся значения переменных.

8*. Найдите ошибки в следующих примерах, ответы сохранить в текстовом файле:

Пример 1:

<html>

<head>

var msg1 = "Привет!", num1 = 32;

alert(msg11);

alert(num1);

</script>

</head>

</html>

Пример 2:

<html>

<head>

var msg1 = "Привет!" num1 = 32;

alert(msg1);

alert(num1);

</script>

</head>

</html>

Пример 3:

<html>

<head>

var 1msg = "Привет!", num 1 = 32;

alert(1msg);

alert(num 1);

</script>

</head>

</html>

9***. Напишите сценарий, который позволяет вывести окно предупредительных сообщений с текстом, введенным в поле ввода окна запросов.

Занятие 3. Использование операторов в языке JavaScript.

Комментарии

Операторы комментария позволяют выделить фрагмент программы, который не обрабатывается интерпретатором, а служит лишь для пояснений содержания программы.

В языке JavaScript допустимы два вида комментария:

// - комментарий, располагающийся на одной строке.

/*…*/ - комментарий, располагающийся на нескольких строках.

Пример:

1. var х = "Вася" // значение переменной х равно "Вася"

2. x = a /* начальное значение переменной х

в выражении */

Оператор обработки строк

Для обработки строк применяется оператор конкатенации (склеивание), который соединяет две строки, помещая вторую в конец.

Примеры:

х = "Вася" // значение переменной х равно "Вася"

у = "Маша" // значение переменной х равно "Маша"

z = x + " " + y // значение переменной z равно "Вася Маша"

n = "20" + 5 // значение переменной n равно "205"

title = "Java" + "Script" // значение переменной title равно "JavaScript"

Арифметические операторы

Арифметические операторы (Приложение III) в языке JavaScript могут применяться к данным любых типов.

Применяя арифметические операторы к логическим типам данных, интерпретатор переводит логические значения операндов в числовые (true в 1, false в 0), выполняет вычисление и возвращает числовой результат. То же самое происходит, когда один операнд логического типа, а другой – числового типа.

Пример:

true + true // возвращает 2

true + false // возвращает 1

true * true // возвращает 1

true / false // возвращает undefined

true + 5 // возвращает 6

false + 5 // возвращает 5

true * 5 // возвращает 5

true / 5 // возвращает 0.2

Если один операнд строкового типа, а другой – логического, то в случае сложения интерпретатор переводит оба операнда в строковый тип и возвращает строку символов, а в случае других арифметических операторов он переводит оба операнда в числовой тип.

Пример:

"Вася" + true // возвращает "Васяtrue"

"5" + true // возвращает "5true"

"Вася" * true // возвращает NaN

"5" * true // возвращает 5

"5" * false // возвращает 0

"5" / true // возвращает 5

Операторы присвоения

Оператор присвоения обозначается символом "=". Имеются еще пять дополнительных операторов присвоения (Приложение III), сочетающих в себе действия обычного оператора присвоения и арифметических операторов.

Пример:

а = а + 10

а += 10

Оба выражения будут выполнять одинаковые операции, но второе предпочтительнее.

Приоритет операторов:

Инкремент (++), декремент (--).

Умножение, деление, остаток от деления.

Сложение или конкатенация, вычитание.

Присваивание.

Операторы сравнения

В программах часто приходится проверять, выполняются какие-либо условия. Проверяемые условия формируются на основе операторов сравнения (Приложение III). Результатом вычисления элементарного выражения, содержащего оператор сравнения и операнды, является логическое значение (true или false). Если условие выполняется, то возвращается true, в противном случае – false.

Сравнить можно числа, строки и логические значения. Сравнение чисел происходит по правилам арифметики, а строк – путем сравнения ASCII – кодов символов, начиная с левого конца строк. Логические значения сравниваются также, как и числа 1 и 0.

Примеры сравнения строк:

"abcd" = = "abc" // возвращает false

"abc" = = "abcd" // возвращает false

"abcd" = = "abcd" // возвращает true

"abcd" = = " abcd" // возвращает false

"abcd" > " abcd" // возвращает true

"abc" < "abcd" // возвращает true

"235ab" < "abcdxyz" // возвращает true

"235xyz" < "abc" // возвращает true

Логические операторы

Логические операторы выполняют три логические операции: «И» (&&), «ИЛИ» (| |), «НЕ» (!), над операндами и возвращают значение true или false (Приложение III).

Страница: 1 2 3 4 5 6 7 8 9 10 11 12 13 14

Разработка методики преподавания факультатива по программированию на языке JavaScript

Другие рефераты на тему «Педагогика»:

Поиск рефератов

Последние рефераты раздела