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)+" ";
 }
}

经典案例.........
Happy hacking!
--

你可能感兴趣的:(JavaScript--斐波那契数列)