Question

这是HTML中的斐波那契数字代码，应该在输入用户输入后打印出斐波那契数字

<html>
    <head>
        <script>
          function fib(number) {

    var loop = [0, 1];

    for (var i = 2; i < number; i++) {
        loop[i] = loop[i-1]+ loop[i-2];


    return loop[number-1];
    }

            document.getElementById("output").innerHTML
    }
        </script>

    </head>
    <body>
        <input type text="text" id="txtloop" />
        <input type="button" id="btnEnter" value="Enter" onclick="fib(txtloop.value)" />

        <p id="output"></p>

    </body>
</html>

Answer 1

使用HTML DOM querySelector

访问DOM元素

function fib() {
let loop = [0, 1];
let number=document.getElementById('txtloop').value;
for (let i = 2; i < number; i++)
 loop[i] = loop[i-1]+ loop[i-2];
  document.getElementById('output').innerHTML=loop[number-1];
}

<input type text="text" id="txtloop" />
<button onclick="fib()">Enter</button>
<p id="output"></p>

了解更多：

Answer 2

斐波那契数列是一系列数字：0、1、1、2、3、5、8、13、21、34 、。。。随后的每个数字都是前两个数字的和。

<html>
<body>

 <input type text="text" id="txtloop" />
        <input type="button" id="btnEnter" value="Enter" onclick="fibonacci_series(txtloop.value)" />

        <p id="output"></p>
<p id="demo"></p>

<script>
var fibonacci_series = function (n) 
{
  if (n==1) 
  {
var loop = [0, 1];
   document.getElementById("output").innerHTML = loop;
  return loop;
  } 
  else 
  {
    var s = fibonacci_series(n - 1);
    s.push(s[s.length - 1] + s[s.length - 2]);
    document.getElementById("output").innerHTML =s;
    return s;
  }
   
};

</script>

</body>
</html>

HTML中的斐波那契数字

2 个答案: