JavaScript--斐波那契数列 - 虎啸山林
斐波那契数列
此篇博客仅仅是用来提醒自己别忘记充电,,,,,,
HTML:
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Test</title> <link rel="stylesheet" href="test.css" type="text/css" /> </head> <body> <input type="text" id="tri" value="请输入一个数字" /> <input type="button" value="输出"> <p id="pascal"></p> <script language="JavaScript" type="text/javascript" src="jQuery.js"></script> <script langUage="JavaScript" type="text/JavaScript" src="test.js"></script> </body></html>
脚本:
var txt=document.getElementById("tri");var pascal=document.getElementById("pascal");var btn=document.getElementsByTagName("input");txt.onfocus=function(){ if(txt.value!=null){ txt.value=""; pascal.innerHTML=""; }}txt.onblur=function(){ if(txt.value==""){ txt.value="请输入一个数字"; }}//斐波那契数列btn[1].onclick =function(){ var n=txt.value; //数组方法 var a =new Array(); a[0]=0; a[1]=1; for(var i=0;i<n;i++){ if(i<2){pascal.innerHTML+=a[i]+" "; } else{a[i]=a[i-1]+a[i-2];pascal.innerHTML+=a[i]+" "; } } //函数方法 function add(n){ if(n==0){ return 0; }else if(n==1){ return 1; }else{ return add(n-2)+add(n-1) } } for(var i=0;i<n;i++){ pascal.innerHTML+=add(i)+" "; }}
经典案例.........