Студопедия.Орг Главная | Случайная страница | Контакты | Мы поможем в написании вашей работы!  
 

Работа с формой



Напишем сценарий, который будет рассчитывать площадь прямоугольника по введенным пользователем длине и ширине. Для этого на html– странице разместим нужные элементы формы:

<html>

<head>

<title>Введение в JavaScript</title>

<script language="JavaScript" src= "script.js"></script>

</head>

<body>

<form name="form1">

Введите длину прямоугольника <input type="text" name="t1" size="5"> <br><br>

Введите ширину прямоугольника <input type="text" name="t2" size="5"> <br><br>

<input type="button" name="button" value="вычислить"><br><br>

площадь прямоугольника равна <input type="text" name="res" size="5">

</form>

</body>

</html>

В браузере наша страница будет выглядеть так:

Пользователь вводит значения ширины и длины и нажимает кнопку «Вычислить». После чего, в поле площадь должен появиться результат. Таким образом, событие наступает при нажатии кнопки, значит именно к ней мы привяжем обработчик события. Функцию вычисления площади назовем plPr ():

<input type="button" name="button" value="вычислить" onClick="plPr ();">

Теперь напишем саму функцию “plPr ()”, для этого откроем страницу script.js и напишем тело функции:

function plPr () {

var a=document.form1.t1.value;

var b=document.form1.t2.value;

var s=a*b;

document.form1.res.value=s;

}





Дата публикования: 2015-07-22; Прочитано: 276 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!



studopedia.org - Студопедия.Орг - 2014-2024 год. Студопедия не является автором материалов, которые размещены. Но предоставляет возможность бесплатного использования (0.006 с)...