数字でいっぱいの箱を作る方法は？

Question

私はこの数字が445758だと言っていますが、これらの数字はそれぞれこのようなボックスに入っています。

どうやってそれを実現するのですか？

Answer 1

//conver the number to a string 
 
var num_string=String(445758); 
 
//loop through each character in the string and insert it into a 
 
//div which will be inserted into the document. 
 
for(var x=0;x<num_string.length;++x){ 
 
var box=document.createElement("div"); 
 
box.className="box"; 
 
box.innerHTML=num_string[x] 
 
document.getElementsByClassName("code")[0].appendChild(box); 
 

 
}

.box{ 
 
display:inline-block; 
 
padding:10px; 
 
background:linear-gradient(yellow,white); 
 
margin-right:5px; 
 
margin-left:5px; 
 
}

<div class="code"></div>