НОУ ИНТУИТ | Практикум по программированию на JavaScript. Лекция 15: Математические вычисления

Учитесь и получайте официальные документы БЕСПЛАТНО. Вы можете поддержать наш проект.

Регистрация Вход

Твой путь к знаниям!

Опубликован: 19.10.2006 | Доступ: платный | Студентов: 884 / 0 | Оценка: 3.95 / 3.68 | Длительность: 09:40:00

Темы: Интернет-технологии, Программирование

Специальности: Разработчик интернет-проектов

|

Вам нравится? Нравится 87 студентам

| Поделиться |

Поддержать курс

| Скачать электронную книгу

Аннотация: Математические функции и их применение.

Ключевые слова: значение, сценарий, переменная, скрипт, операции, деление, тело документа, HTML, приветственное сообщение, Java, script

Концепция

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

Дальше >>

Авторизоваться

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

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