Как работает JavaScript и как с его помощью построить простые калькуляторы?

Carder

Professional
Messages
2,619
Reputation
9
Reaction score
1,719
Points
113
Учебно-тренировочный лагерь по JavaScript

JavaScript - это язык компьютерного программирования.

JavaScript - это то, что называется языком сценариев на стороне клиента. Это означает, что это язык компьютерного программирования, который запускается внутри интернет-браузера (браузер также известен как веб-клиент, потому что он подключается к веб-серверу для загрузки страниц).

Интересен способ работы JavaScript. Внутри обычной веб-страницы вы размещаете некоторый код JavaScript (подробности о веб-страницах см. В теме «Как работают веб-страницы»). Когда браузер загружает страницу, у него есть встроенный интерпретатор, который считывает код JavaScript, который он находит на странице, и запускает его.

Дизайнеры веб-страниц используют JavaScript по-разному. Один из наиболее распространенных - проверка полей в форме. Многие веб-сайты собирают информацию от пользователей в онлайн-формах, и JavaScript может помочь проверить записи. Например, программист может проверить, что возраст человека, введенный в форму, находится в диапазоне от 1 до 120.

Еще один способ использования JavaScript дизайнерами веб-страниц - создание калькуляторов. Вот несколько примеров:
Чтобы дать вам пример чрезвычайно простого калькулятора JavaScript, HTML-код ниже показывает вам, как создать преобразователь Фаренгейта в Цельсий с помощью JavaScript:

Code:
<html>
<head>
<script language = "JavaScript">
<! - скрыть этот скрипт от старых браузеров
function temp(form)
{
  var f = parseFloat(form.DegF.value, 10);
  var c = 0;
  c = (f - 32.0) * 5.0 / 9.0;
  form.DegC.value = c;
}
// завершено скрытие от старых браузеров ->
</script>
</head>
<body>
</FORM>
<h2>Конвертер Фаренгейта в Цельсия</h2>
Введите температуру в градусах Фаренгейта:
<INPUT NAME="DegF" VALUE="0" MAXLENGTH="15" SIZE=15>
<p>
Нажмите эту кнопку, чтобы рассчитать температуру.
в градусах C:
<INPUT NAME = "calc" VALUE = "Calculate" TYPE = BUTTON
onClick = temp (this.form)>
<p>
Температура в градусах Цельсия:
<INPUT NAME="calc" VALUE="Calculate" TYPE=BUTTON
</FORM>
</body>
</html>

Если вы читали «Как работают веб-страницы и сценарии CGI», то значительная часть этого HTML-кода будет вам знакома. Это основная структура любой веб-страницы:
Code:
<html>
<head>
</head>
<body>
</body>
</html>

В заголовке есть один фрагмент кода JavaScript, который является функцией для вычисления преобразования из Фаренгейта в Цельсия:
Code:
<head>
<script>
<! - скрыть этот скрипт от старых браузеров
function temp(form)
{
  var f = parseFloat(form.DegF.value, 10);
  var c = 0;
  c = (f - 32.0) * 5.0 / 9.0;
  form.DegC.value = c;
}
<! - скрытие от старых браузеров завершено ->
</script>
</head>
Функция называется temp. Он содержит код JavaScript для расчета температуры по Цельсию.

В теле страницы типовая форма:
Code:
<FORM>
<h2>Конвертер Фаренгейта в Цельсия</h2>
Введите температуру в градусах Фаренгейта:
<INPUT NAME="DegF" VALUE="0" MAXLENGTH="15" SIZE=15>
<p>
Нажмите эту кнопку, чтобы рассчитать температуру.
в градусах C:
<INPUT NAME="calc" VALUE="Calculate" TYPE=BUTTON
onClick=temp(this.form)>
<p>
Температура в градусах Цельсия:
<INPUT NAME="DegC" READONLY SIZE=15>
</FORM>
Эта строка является ключевой:
Code:
<INPUT NAME = "calc" VALUE = "Calculate" TYPE = BUTTON
onClick = temp (this.form)>

Это обычное кнопочное управление. Когда пользователь щелкает по нему, он вызывает функцию в заголовке страницы из-за нотации onClick.

Что касается языков программирования, то JavaScript - это средняя сложность. Не особенно сложно научиться использовать его, если вы уже разбираетесь в программировании, но если вы новичок в программировании, это определенно не легкий язык для начала. Однако вы можете изменить этот пример кода и расширить его для создания других калькуляторов.

Для получения дополнительной информации смотрите:
 
Top