Oбработка событий (продолж.)

Обработка кнопки отметки.

В форме, названнойmyForm2, вводим 2 элемента:
     - текстовую строку myText, служащую для вывода текстовойинформации,
     - кнопка отметки - при включении (отключении) символа отметкиуправление передается пользовательской функции myFunction2.
   В этой функции вводится текстовая переменная myString , в которую вначале записывается текст "кнопка". Если кнопка отмечена (то есть в ней присутствует символ "птичка", то к тексту дописывается слово "отмечена", иначе - "не отмечена". Полученный текст передается в текстовый элемент формы.

<script language="JavaScript">
function myFunction2() {
    var myString="Кнопка";
    if (document.myForm2.myCheckBox.checked)
    myString += " отмечена";
   else
    myString += " не отмечена";
    document.myForm2.myText.value = myString;
}
</script>
<form name="myForm2">
   <input type="text" name="myText" size=30
value="Нажмите кнопку"><p>
Кнопка отметки:<input type="checkbox" name="myCheckBox"
value="knopka" onclick="myFunction2(); return true;">
</form>

Нажмите несколько раз на кнопку отметки и посмотрите наизменения в текстовой строке.

Выполнение вычислений.

   Текстовое поле можно использовать как входное для калькулятора.
    В данном примере стандартная функция confirm создает новое окно с вопросом и принимает и анализирует ответ. Если он положителен, то надо вычислить (с помощью стандартной функции eval) выражение в поле text1 и записать его в text2. Кнопка button вызывает обращение к пользовательской функцииFunction3 для выполнения вычислений.

<script language="JavaScript">
function myFunction3() {
    var myString3="";
   if (confirm("Compute?"))
     document.myForm3.myText2.value = eval(document.myForm3.myText1.value);
   else
     document.myForm3.myText2.value = myString3;
}
</script>
<form name="myForm3">
   Введите выражение для вычислений:
    <input type="text" name="myText1" size=40
     value="Поле для ввода"><p>
   <input type="button" name="myCheckBox"
     value="Вычисление: " onclick="myFunction3()"><p>
   Результат:
   <input type="text" name="myText2" size=40
     value="Поле для вывода:"><p>
</form>

   Для выполнения вычислений заполните поле для ввода и нажмитекнопку "Вычисление"

Числовые поля.

Здесь мы вводим 2 числовых поля (type="num") и складываем их.
Для перевода этих чисел в десятичную форму используется стандартная функция parceInt.

<script language="JavaScript">
function myFunction4() {
    var val1 = parseInt(document.myForm4.myNum1.value);
    var val2 = parseInt(document.myForm4.myNum2.value);
    var val3 = val1 + val2;
    document.myForm4.myNum3.value = val3;
}
</script>
<form name="myForm4">
   Сложение 2 чисел:<p>
   Введите первое слагаемое:
   <input type="num" name="myNum1" value=0 size=10><p>
   Введите второе слагаемое:
   <input type="num" name="myNum2" value=0 size=10><p>
   <input type="button" name="Button4"
     value="Сложение" onclick="myFunction4(); return true;"><p>
    <input type="num" name="myNum3" value=0 size=10><p>
</form>

Проверьте действие этой программы: