Опубликован: 19.10.2006 | Уровень: для всех | Доступ: платный
Лекция 15:

Математические вычисления

< Лекция 14 || Лекция 15 || Лекция 16 >
Аннотация: Математические функции и их применение.

Концепция

В этом уроке мы узнаем, как производить математические вычисления с помощью 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. Главное, пытайтесь понять, что делаете, а не копируйте автоматически.

< Лекция 14 || Лекция 15 || Лекция 16 >
Елена Сапегова
Елена Сапегова

После прохождения теоретической части пришло письмо об окончании теоретической части курса, будет ли практическая часть?

Эдуард Семынин
Эдуард Семынин

Здравствуйте.

Перестали быть видны лекции и тесты практикума по программированию на JavaScript. Уже второй день из моего аккаунта виден лишь план занятий. В чем может быть проблема?

 

Alex Chekalov
Alex Chekalov
Украина, Poltava
Виктория Вернер
Виктория Вернер
Украина, Днепропетровск, ДИИТ, 2012