JavaScript 斐波那契计算器 : How to output answer into text box?

标签 javascript html textbox fibonacci

我目前正在尝试制作一个计算器,它接受数字输入(n)并显示第n个序列的斐波那契数。我是 Javascript 的初学者,似乎无法让我的代码工作:

HTML:
<head>
  <script src="calculator.js"></script>
</head>
<body>
    <input type="number" name="Input" value="" id="userInput" / >
    <input type="button" value="Go" onclick="calculate();" />
    <input type="number" name="Answer" id="userAnswer" />
</body>

JavaScript:

var input = document.getElementById("userInput");
var output = document.getElementById("userAnswer");
var answer;

function calculate(){
n = input.value;
if (n < 2){
  return 1;
} else {
  answer = calculate(n - 2) + calculate(n - 1);
  return answer;
}
output.value = answer;
}

最佳答案

不要复杂!

function calculate(n){
  if (n < 2){
    return 1;
  } else {
    return calculate(n - 2) + calculate(n - 1);
  }
}
<head>
  <script src="calculator.js"></script>
</head>
<body>
    <input type="number" name="Input" value="" id="userInput" / >
    <input type="button" value="Go" onclick="document.getElementById('userAnswer').value=calculate(document.getElementById('userInput').value);" /><br>
    <input type="number" name="Answer" id="userAnswer" />
</body>

关于JavaScript 斐波那契计算器 : How to output answer into text box?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42218582/

相关文章:

javascript - 如何多次播放一个音频文件

javascript - 使用 object.create 和 new 运算符创建继承之间的区别

javascript - 由于全屏固定 Bootstrap 模式,无法单击浏览器垂直滚动条

html - 如何做一个CSS表格

html - 将文本区域调整大小 handle 放在顶部

c# - 从sql查询中获取数据到文本框中

javascript - 动态加载音频的src并在src不存在后停止

c# - textbox.Focus() 在 C# 中不起作用

c# - 检查单选按钮后清除文本框并在 C# 中键入类似 Windows 计算器

javascript - Coffeescript 中的源映射 - 错误未映射到源