Untitled

<html>
<head>
  <title>Площадь</title>
  <script>
    function square() {
      var R = document.getElementById("num1").value;
      var r = document.getElementById("num2").value;

      document.getElementById("res").value = Math.PI * (R*R - r*r);
    }
  </script>
</head>

<body>
  <p>
    Вычисление площади кольца
  </p>
  <form name="form1">
    Внешний радиус R: <input id="num1" type="text" size="8" name="num1">
  </form>
  <br>
  <form name="form2">
    Внутренний радиус r: <input id="num2" type="text" size="8" name="num2">
  </form>

  <hr>
  <form name="form3">
    Площадь: <input type="text" id="res" size="8" name="res">
  </form>

  <input type="button" value="Обновить" onclick="square();">

</body>

</html>