如何用Node.js编写求圆的周长、面积、体积？

用Node.js编写求圆的周长、面积、体积时单击计算出现没反应的情况,哪位能给出答案？

html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模块化编程title>
head>
<body>
请输入圆的半径：<input type="number" id="radius" name="radius">
<select id="type" name="type">
    <option value="circu">周长option>
    <option value="area">面积option>
    <option value="volume">体积option>
select>
<input type="button"value="计 算" id="btnCal">
body>
<script type="text/JavaScript">
    var circle=(function(){
        function getCircu(r){
            return 2*Math.PI*r;
        }
        function  getArea(r){
            return Math.PI*Math.pow(r,2);
        }
        function  getVolume(r){
            return 4/3*Math.PI*Math.pow(r,3);
        }
        return {
            getArea: getArea,
            getCircu:getCircu,
            getVolume:getVolume
        }
    })();
    document.getElementById("btnCal").onclick=function(){
        var r=parseFloat(document.getElementById("radius").value);
        var type=ducument.getElementById("type").value;
        var result;
    switch (type){
        case 'circu':
            result=circle.getCircu(r);
            break;
        case 'area':
            result=circle.getArea(r);
            break;
        case 'volume':
            result=circle.getVolume(r);
            break;
        default:
            result=0;
    }
    alert('计算结果为'+result.toFixed(2));
    }
script>
html>

document 拼错了
35行

 var type=ducument.getElementById("type").value;




<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <title>模块化编程</title>
</head>

<body>
   请输入圆的半径：<input type="number" id="radius" name="radius">
   <select id="type" name="type">
      <option value="circu">周长</option>
      <option value="area">面积</option>
      <option value="volume">体积</option>
   </select>
   <input type="button" value="计 算" id="btnCal">

</body>
<script>
   var circle = (function () {
      function getCircu(r) {
         return 2 * Math.PI * r;
      }
      function getArea(r) {
         return Math.PI * Math.pow(r, 2);
      }
      function getVolume(r) {
         return 4 / 3 * Math.PI * Math.pow(r, 3);
      }
      return {
         getArea: getArea,
         getCircu: getCircu,
         getVolume: getVolume
      }
   })();
   document.getElementById("btnCal").onclick = function () {
      var r = parseFloat(document.getElementById("radius").value);
      console.log(r,)
      var type = document.getElementById("type").value;
    
      var result;
      switch (type) {
         case 'circu':
            result = circle.getCircu(r);
            break;
         case 'area':
            result = circle.getArea(r);
            break;
         case 'volume':
            result = circle.getVolume(r);
            break;
         default:
            result = 0;
      }
      alert('计算结果为' + result.toFixed(2));
   }

</script>

</html>

img


这一段语法很明显错误了，你把方法放在var类型的变量中是不行的，方法不能定义成一个var类型的变量。
规范的Node.js编写求圆的周长、面积、体积应该是以下这样的，希望可以帮到你。


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>根据圆的半径计算出圆的周长和面积</title>
 
</head>
<body>
<div>
    <p>圆的半径:<input id="r" type="tetx"></p>
    <p>圆的周长:<input id="cir" type="text"></p>
    <p>圆的面积:<input id="circle" type="type"></p>
</div>
<script>
    var r =prompt('请输入圆的半径');
    r =parseFloat(r) && Number(r);   //获取输入的纯数字，其余情况皆转为NaN
    if(!isNaN(r)){  //判断用户的输入是否是数值
    var cir = 2 * Math.PI.toFixed(2) * r;
    var circle = Math.PI.toFixed(2) * r * r;
    document.getElementById('r').value = r;
    document.getElementById('cir').value = cir.toFixed(2);
    document.getElementById('circle').value = circle.toFixed(2);
 
    }else{
    alert ('请输入正确的数字！');
    }
</script>
</body>
</html>