微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Java和HTML形式的阶乘我的代码有什么问题?

如何解决Java和HTML形式的阶乘我的代码有什么问题?

我需要创建一个带有按钮的简单表格,该按钮可以将数字计算为阶乘。计算必须通过按钮完成,答案需要在警报框中弹出。

尴尬的是,我试图解决这个问题已有几个小时,但我无法使按钮正常工作,解决方法是按Enter键,但答案却不显示

<script>
var n = document.getElementById('x1').value;

function fac(N) {
  if (N > 1) return n * fac(N - 1);
  else return N;
}

alert("Answer is "+ fac(N));
</script>
<!DOCTYPE html>
<html lang="en-US">

<head>
    <Meta charset="UTF-8">
    <Meta name="viewport" content="width=device-width,initial-scale=1">
    <title>factorial</title>
</head>

<body>
  <h2>Generate Your Factorial!</h2>
  <form>
  <label>Enter Number: </label><br>
  <input type="text" id="x1"><br>
  <input type="button"  value= "Generate" onclick="fac(N)">
  </form>
</body>

</html>

解决方法

我认为传递的值和函数中使用的值之间存在混淆,请尝试类似的操作

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

    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>factorial</title>
    </head>

    <body>
    <h2>Generate Your Factorial!</h2>
    <form>
    <label>Enter Number: </label><br>
    <input type="text" id="x1"><br>
    <input type="button"  value= "Generate" onclick="getFac()">
    </form>
    <script>
    
    
    function fac(N) {
      if (N > 1) {
          return N * fac(N - 1)
          }
      else{
           return N
      }
    }
    
    function getFac(){
        var n = document.getElementById('x1').value;
        alert("Answer is "+ fac(n));
    }
    
    </script>
  </body>

  </html>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。