用javascript编写一个简单的随机验证码程序

简单模拟网页的随机数字验证码，效果图如下：

html代码：

 <div id="content">
     <div class="left">
         <input type="text" class="txt" id="in">
     </div>
     <div class="right">
         <span id="code"></span>
         <input type="submit" id="btn" value="验证">
     </div>
 </div>

css样式：

 <style type="text/css">
         #code{
             display: inline-block;
             color:blue;
             font-weight: bolder;
             background-color: #D9799B;
             font-size: 20px;
             text-align: center;
             border:none;
             height: 30px;
             width: 100px;
             margin-right: 10px;
             letter-spacing: 4px;
             line-height: 30px;
         }
         #btn{
             display: inline-block;
             height: 30px;
             width: 50px;
         }
         .txt{
             display: inline-block;
             height: 30px;
             width: 160px;
             line-height: 30px;
         }
         div .right{
             margin-top: 10px;
         }
     </style>

javascript代码：

 <script type="text/javascript">
     var array=[1,2,3,4,5,6,7,8,9,0];
     window.onload=function(){
         var iden=document.getElementById("code");
         var btn=document.getElementById("btn");
         iden.innerHTML=randomNumber(array);//获取验证码框的随机值
         iden.addEventListener("click",function(){ //当点击验证码框时变换验证码
             var arr=randomNumber(array);
             iden.innerHTML=arr;
         });
         btn.addEventListener("click",function(){
             var txt=document.getElementById("in");
             if(txt.value==parseInt(iden.innerHTML)){
                 alert("验证成功");
             }
             else{
                 alert("验证码填写不正确!");
                 iden.innerHTML=randomNumber(array);
                 txt.value="";
             }

             });
     };
     function randomNumber(arr){
         var arr1=[];
         var n=0;
         for(var i=0;i<4;i++){ //产生随机数值
             n=Math.floor(Math.random()*10);
             arr1[i]=arr[n];
         }
         return arr1.toString().replace(/,/g,""); //返回一个字符串
     }

 </script>

代码可能优化的不太好，还请多多指教！