小算法

一个文本框  一个按钮
文本框中输入任意数字  例如 3
按钮压下 如下效果
123
894
765

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="cn">
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <script type="text/javascript">

    function writeCircle(n)
    {
    if(/^[1-9]+\d*$/.test(n))
    {
    var i,j,k,result="";
    var a = [];
    for(i=0;i<n;i++)
    {
    a[i]=[];
    }

    var c = 1;
    for(k=0;k<n;k++)
    {
    for(i=k,j=k;j<n-k;j++)
    {
    a[i][j]=c++;
    }
    for(j=j-1,i=i+1;i<n-k;i++)
    {
    a[i][j]=c++;
    }
    for(j=j-1,i=i-1;j>=k;j--)
    {
    a[i][j]=c++;
    }
    for(j=j+1,i=i-1;i>k;i--)
    {
    a[i][j]=c++;
    }
    }

    result += "<table>";
    for(i=0;i<a.length;i++)
    {
    result += "<tr>";
    for(j=0;j<a[i].length;j++)
    {
      result += ("<td>"+a[i][j]+"</td>");
    }
     result += "</tr>";
    }
    result += "</table>";

    document.getElementById("result").innerHTML=result;
    }
    }
    </script>
    </head>
    <body>
    <input type="text" name="x" id="x" />
    <input type="button" value="显示" onclick="writeCircle(document.getElementById('x').value);" />
    <div id="result"></div>
    </body>
    </html>