讲解都在注释里面,有啥不懂的地方可以私聊我
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript作业练习</title> </head> <body> <!-- 斐波那契数列 --> <span>斐波那契数列:</span><br /> <input type="text" id="list" placeholder="请输入数列的个数" /> <input type="button" value="查看" onclick="check()" /><br /> <span id="show"></span> <script> function check() { var list = Number(document.getElementById("list").value); // 获取id为list的内容并转换为Number类型 // 判断输入的内容 if(isNaN(list)) { alert("请输入数字"); //如果输入的不是数字,则提示输入数字 return; } else if(list <= 0) { alert("请输入大于0的个数"); //如果输入的行数小于等于0,则提示输入大于0的个数 return; } var str = ""; // 初始化第一个数和第二个数并存入到str中 var num1 = 0; // 初始化第一个数 var num2 = 1; // 初始化第二个数 str += num1 + "\t"; // 存储到str中并使用Tab符号 str += num2 + "\t"; // 存储到str中并使用Tab符号 var num = 0; // 初始化num // 循环 并把内容存储到str里面 for(var i = 2; i < list; i++) { // 以后这个数字的值是它的前两个数字相加 num = num1 + num2; str += num + "\t"; // 将本次斐波那契数列值存储到str中 num1 = num2; // 将num2的赋值给num1,方便计算下一个数列值 num2 = num; // 将num的赋值给num2,方便计算下一个数列值 } document.getElementById("show").innerHTML = str;// 将str的内容写入id为show的节点中 } </script> </body> </html>