Практикум по программированию на JavaScript

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

Показывать лекцию целиком

Концепция

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

    Предыдущее занятие Следующее занятие
    Вернуться к учебному плану
    ^