Ввод информации с помощью текстового поля

Рассмотрим скрипт, который позволяет вводить текстовую информацию с клавиатуры в специально отведенное текстовое поле. Для работы следующего скрипта нужно ввести имя пользователя в указанное поле, а затем щелкнуть мышью за пределами поля ввода. Имя пользователя на некоторое время будет запомнено на компьютере-клиенте.

Изображение текстового поля показано на следующем рисунке.

это поле введите Ваше имя

Рассмотрим код этого скрипта.

script language="JavaScript"

function chek() {

d = document, form 1 .textl .value;

а1еП:("Приятно с Вами познакомиться ," + document.form 1 .textl.value ) }

/script

Если в текстовое поле ввести имя Alisa, то в результате выполнения скрипта на экране появится сообщение

Текстовые поля позволяют организовать математические вычисления. Например, следующий скрипт создает два текстовых поля, в которые нужно ввести два числа. Результат суммирования этих двух чисел появляется на экране после щелчка по кнопке

Введите два других слагаемых вместо чисел 2 и 3:

Первое слагаемое 2

Второе слагаемое 3

Результат суммирования

Приведем код этого скрипта.

Вначале опишем текстовое поле, а затем приведем код скрипта, выполняющего операцию сложения.

Первое слагаемое

Второе слагаемое

script language="JavaScript" function summ() {

var a=document.form2.textl 1 .value;

var b=document.form2.text21 .value;

var c=l*a+l*b;

alert(a + " + " + b + " = " + c )

f

/script

Вид формы (текстовое поле) задан фрагментом кода type="text".

По умолчание в первое поле введено число 2, а во второе поле - число 3. Обработка введенных чисел произойдет с помощью функции summ(), вызов которой происходит при щелчке (onclick) по кнопке (Button) с надписью "Результат суммирования".

В теле скрипта считывание переменной «а» происходит путем прохода всей иерархии объектов: документ - форма - текстовое поле - введенное значение. На языке JavaScript это реализуется так: var a=document.form2.textl Lvalue;

Аналогично вводится переменная «Ь»:

var b=document.form2.text21 .value;

Преобразование текстовых переменных в числовые переменные осуществляется умножением текстовых переменных на единицу:

var c=l*a+l*b;

Для вывода полученного результата знаки «+» и «=» взяты в кавычки. Кроме того, для создания символьной переменной использовано четыре символа конкатенации (сложения)

alert(a + " + " + b + " = " + с )

Выполнение скрипта приведет к появлению следующего сообщения