Напишем сценарий, который будет рассчитывать площадь прямоугольника по введенным пользователем длине и ширине. Для этого на 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;
}
