После прохождения теоретической части пришло письмо об окончании теоретической части курса, будет ли практическая часть? |
Математические вычисления
Концепция
В этом уроке мы узнаем, как производить математические вычисления с помощью JavaScript. Если вам уже приходилось заниматься программированием, то все будет знакомо. Если нет, не паникуйте. Все очень просто!
Сценарий
<BODY> <SCRIPT type="text/javascript"> var numsums = 10 + 2 alert("10 + 2 равно " + numsums) var x = 10 alert("десять — это " + x) var y = x * 2 alert("10 X 2 = " + y) var z = "Привет " + "Пока" alert(z) </SCRIPT> </BODY>
Результат работы сценария
Попробуйте определить значение каждой из переменных перед выполнением сценария.
При выполнении сценарий последовательно выводит ряд окон, содержащих:
10 + 2 равно 12
десять — это 10
10 X 2 = 20
Привет Пока
Разбор сценария
<BODY> <SCRIPT type="text/javascript"> var numsums = 10 + 2 alert("10 + 2 равно " + numsums) var x = 10 alert("десять — это " + x) var y = x * 2 alert("10 X 2 = " + y) var z = "Привет " + "Пока" alert(z) </SCRIPT> </BODY>
В сценарии задается переменная numsums. Видите, она равна 12 (10+2)? Затем эта переменная используется в методе alert и выводит "10 + 2 = переменная" или 12.
Другая переменная, х, задается равной 10. Затем метод alert выводит это значение.
Следующая переменная, y, равна переменной x, умноженной на 2. Дважды десять — двадцать, не правда ли? Этот результат затем выводится в окне alert.
Наконец создается переменная z, которая показывает, что можно соединять текст с помощью знака сложения. Затем эта переменная выводится с помощью метода alert.
Посмотрите еще раз, как работает скрипт.
Основные моменты:
- Переменные начинаются со слова VAR (от variable, переменная), затем идет имя, знак = и значение переменной. VAR можно не писать, но лучше не отказываться от него, пока не появится некоторый опыт.
- Имя переменной может состоять из одного или нескольких символов (буквы, цифры, символ подчеркивания). Но лучше использовать содержательные имена.
- Имена переменных различают регистр! То есть, Хvar и хvar — это два разных имени переменных.
- Допустимая длина имени переменной существенно различна для разных браузеров. В целях безопасности берите имена не больше 10 символов. Не используйте в именах пробелы.
- Значение, присваиваемое текстовой переменной, ставится в кавычки. Числовые переменные не ставятся в кавычки, иначе сценарий воспримет их как текст с числовым значением 0!
- Операции сложения, вычитания, умножения и деления обозначаются знаками +, -, *, и / соответственно.
- Знак плюс ( + ) выполняет две задачи: сложение чисел или соединение вместе двух строк текста (например, "Joe" + " Burns" будет "Joe Burns" ).
- Все языки программирования имеют зарезервированные слова, например, названия команд. В любой книге можно найти их перечень. Использование зарезервированных слов в качестве имен переменных будет приводить к ошибкам.
- Если необходимо, применяйте в именах переменных вместо пробела знак подчеркивания _ user_name.
Задание
Перепишите приведенный выше код JavaScript в виде функции. Можно, при желании, изменить некоторые математические операции, например, на деление. Включите в тело документа HTML приветственное сообщение. Используйте для выполнения функции событие onLoad.
Возможное решение
<html> <head> <SCRIPT type="text/javascript"> function vars() { numsums=10 + 2 alert("10 + 2 is " + numsums) var x = 10 alert("ten is " + x) y = x * 2 alert("10 X 2 = " + y) z = "Привет " + "Пока" alert(z) } </SCRIPT> </head> <BODY OnLoad="vars()"> <h1>Добро пожаловать на мою страницу</h1> </body> </html>
Мы будем заниматься переменными очень много по мере изучения новых команд Java Script. Главное, пытайтесь понять, что делаете, а не копируйте автоматически.