javascriptを利用して指定された行数を出力する正方形のパターンを実現します.

javascriptは指定された行数を出力する正方形のパターンを実現します.パターンを生成するには、2つのヒントボックスがあります.1、入力パターンの構成文字は、1つの文字しかありません.2、正方形の行数を入力します.10以上の通りすぎると、10行数に設定されます.
 
 
 
効果図:
1.パターン文字:+,行数:5
 
2.パターン文字:s   行数:10
 
 
 
ファイル:
 

 
  
 
 //        ，    ，  span，      ，  
function get_width(zifu){
if(cwidth.innerHTML.length>0)cwidth.innerHTML='';//     ，  
var oldwidth=cwidth.offsetWidth;
cwidth.innerHTML=zifu;
var zifu_width=cwidth.offsetWidth-oldwidth;
cwidth.innerHTML='';
//alert(zifu_width);
return zifu_width;
}
  //       
function create(){
var tuxing=prompt('     ，  1   ');//  ，  a 
if(tuxing==null||tuxing==''||tuxing.length>1){
alert('      ,    1   ');
return false;
}
//   ，    
var count=prompt('         ');
if(count==null||count==''||count<1||isNaN(count)){
alert('           ，1.   2.  1 3.      ');
return false;
}
//    ，        
if(count>10){count=10;alert('       10，     10');}
var hangstr='';
for(i=1;i<=count;i++){
hangstr+=tuxing+'  ';
//           
if(get_width(hangstr)>maxw-100){
alert('    ');
count=i-1;
hangstr=oldhangstr;
break;
}
oldhangstr=hangstr;
}


//       
var tustr='';//     
for(i=1;i<=count;i++)tustr+=hangstr+'<br/>';
//           
zengfang.innerHTML=tustr;
}


 

 

 
      
 




  
  var maxh=document.body.clientHeight;//            
  var maxw=document.body.clientWidth;//   ，       
  //alert(maxh);
//  alert(maxw);