使用构造函数模式写九九乘法表

最近在慢慢尝试转换自己书写代码的设计模式,之前都是定义一个又一个的函数,感觉太乱了。

 

 

代码:

<script type="text/javascript">
    function Nine(one_ele,two_ele){
       this.one=one_ele;
        this.two=two_ele;
      }
     Nine.prototype.times=function(){
     var html="<table border=1>";
       for(var i=1;i<=this.one;i++){
         html+="<tr>"
           for(var j=1;j<=i;j++){
               html+='<td>'+i+'×'+j+'='+(i*j)+  '</td>';
             }
             html+='</tr>';
         }
           html+="</table>"
                // console.log(html)
            var p=document.createElement('p')    
            document.getElementsByTagName('body')[0].appendChild(p)
            p.innerHTML=html
        }
      var nine1=new Nine(9,9);
       nine1.times();
       var nine2=new Nine(8,8);
       nine2.times();    
 </script>    

 

posted @ 2020-02-20 22:18  山吹同学  阅读(261)  评论(0编辑  收藏  举报