Примеры работы с формами. Сложение двух чисел

По традиции рассматривать работу пользователя с формами в учебниках языков программирования начинают с создания калькулятора. Мы также не отступим от этого великолепного обычая и постараемся создать страницу, на которой будут складываться два числа. Заботу о взаимодействии с пользователем берет на себя объект «форма», определяемый парным тегом <form></form>. В нашем случае это не будет исключением.

Рассмотрим листинг более подробно.

• <form> - начало объекта «форма».
• <div align=center> - определение центрирования раздела, содержащего вводимые данные и получаемый результат.
• <input name=a > - ввод в текстовое поле числа а.
• <input name=b > - ввод в текстовое поле числа Ь.
• <input name=c > -ввод в текстовое поле числа с.
• </div> - закрытие первого раздела.
• <div align=center> - определение центрирования раздела, содержащего кнопку со знаком +.
• <input type=button - определение типа объекта как стандартной кнопки.
• value=" + '.' - определение надписи на кнопке как +.
• onClick= - определение событийной процедуры, выполняющейся при щелчке кнопкой мыши.
• "c.value=a.value+ b.value"> - присвоение текстовому нолю с суммы текстовых полей а и Ь.
• </div> - закрытие второго раздела.
• </ form> - закрытие объекта «форма».

Поскольку код листинга рассмотрен подробно, обратимся к результату его выполнения.

Задание на сложение двух чисел выполнено неправильно, то есть оно выполнено буквально - сложены строковые значения переменных а и b, а это простая конкатенация строк. Это, конечно, неплохо, но нам необходима математическая операция сложения. Для этого мы должны преобразовать строковое значение переменной в числовое с помощью функции parseInt.

Как видно из кода сценария, измененная строка имеет следующий вид:

<input type=button value="+" onClick="c.value=parseInt(a.value)+ parselnt(b.value) ">

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

Тэги: случае, пользователем, взаимодействии, берет, заботу, складываться, объект

← Условный оператор при выборе последовательности действий		Простейшие сценарии JavaScript →