Материал: Начальные основы программирования на языке JavaScript. методические указания к выполнению контрольных работ. Сергеев М.Ю
ФГБОУ ВО «Воронежский государственный технический университет»
Кафедра автоматизированных и вычислительных систем
НАЧАЛЬНЫЕ ОСНОВЫ ПРОГРАММИРОВАНИЯ НА ЯЗЫКЕ JAVASCRIPT
МЕТОДИЧЕСКИЕ УКАЗАНИЯ
к выполнению контрольных работ № 1-3 по дисциплине «Проектирование и разработка
Web-приложений» для бакалавров направления 09.03.01 «Информатика и вычислительная техника» профиля «Вычислительные машины, комплексы, системы и сети», профиля «Вычислительные машины, комплексы, системы и сети» заочной формы обучения
Воронеж 2016
Составитель канд. техн. наук М.Ю. Сергеев
УДК 681.32
Начальные основы программирования на языке JavaScript: методические указания к выполнению контрольных работ № 1-3 по дисциплине «Проектирование и разработка Web-приложений» для бакалавров направления 09.03.01 «Информатика и вычислительная техника», профиля «Вычислительные машины, комплексы, системы и сети» заочной формы обучения / ФГБОУ ВО «Воронежский государственный технический университет»; сост. М.Ю. Сергеев. Воронеж, 2016. 40 с.
Методические указания содержат теоретические и практические сведения для изучения основ разработки динамических элементов веб-страниц с помощью языка JavaScript.
Предназначены для студентов четвертого курса. Методические указания подготовлены в электронном ви-
де и содержатся в файле Web_prog_KR.pdf.
Табл. 9. Библиогр.: 4 назв.
Рецензент канд. техн. наук, проф. С.В. Тюрин
Ответственный за выпуск зав. кафедрой д-р техн. наук, проф. С.Л. Подвальный
Издается по решению редакционно-издательского совета Воронежского государственного технического университета
©ФГБОУ ВО «Воронежский государственный технический университет», 2016
ВВЕДЕНИЕ
Данные методические разработки предполагают, что студенты в ходе выполнения практического курса дисциплины «Проектирование и разработка web-приложений» должны ознакомиться с основами создания интерактивных элементов веб-страниц с использованием языка веб-программирования
JavaScript.
В ходе выполнения контрольных работ студентам предстоит освоить базовые операторы и функции языка JavaScript, предназначенного для придания интерактивности элементам веб-страницы.
1. КОНТРОЛЬНАЯ РАБОТА № 1. ОСНОВЫ JAVASCRIPT. РАБОТА С МАССИВАМИ
1.1. Общие методические указания по выполнению контрольной работы
Цели работы:
–ознакомиться с основами программирования на
JavaScript;
–освоить программирование разветвляющихся процессов
ициклов на JavaScript.
Среда выполнения и отладки:
Текстовый редактор Notepad++, веб-браузер (Firebox, Internet Explorer, Opera или др.).
1.2. Теоретические сведения
Инструкция if/else
Инструкция if/else – главная конструкция для принятия решений в JavaScript. Она позволяет указать, что если (if) ка- кое-то выражение является истинным (TRUE), будет выполнена определенная группа инструкций, в противном случае (else) выполнится другая группа. Это выглядит следующим образом:
if (условие) {
группа операторов 1 (выполняется если условие –
TRUE)
}
else {
группа операторов 2 (выполняется если условие –
FALSE)
}
Часть, начинающаяся с else является опциональной.
Пример 1. Написать программу, которая реализует вычисление y по следующей схеме:
x *(a b), если x 5; y x /(a b), если x 5.
Код web-страницы:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style> h2 {
text-align: center;
}
</style>
<script language="javascript" type="text/javascript"> var x=5;
var a=5; var b=7; var y;
2
</script>
</head>
<body>
<h2>Лабораторная работа № 1</h2>
<script language="javascript" type="text/javascript"> document.write('Исходные данные<br>'); document.write('x = '+x+'<br>'); document.write('a = '+a+'<br>'); document.write('b = '+b+'<br>');
if (x<=5)
{
y=x*(a+b);
document.write('Выбрана ветвь вычисления
1<br>');
}
else
{
y=x/(a+b);
document.write('Выбрана ветвь вычисления
2<br>');
}
document.write('Результат: '); document.write('y = '+y.toFixed(3));
</script>
</body>
</html>
Инструкция switch/case
Инструкция switch похожа на инструкции типа if/else. Она используется при необходимости сравнить одну переменную с несколькими значениями и сделать, что-то зависящее от самого значения. Вместе со switch задействуются следующие
3