_と|を使ってjavascriptから数字の形を作る方法は？

Question

私は自分自身を理解することを望みます。私は正規表現の主題で非常に悪いです。 0から9の数字を表示しようとしていますが、今のところここに示すように数字0だけを表示する必要があります。私はJavaScriptからそれを生成することができますどのように

？私の無知を許して、私はそれが間違っていると思うし、私が使用すべきかどうかわからない...

真剣に私は最善を尽くしていないとは思わない、数字は正しくゼロです。

var myPre = document.getElementById("pre"); 
 

 
myPre.innerHTML = "| -- <br> |"

<div id="pre"> 
 

 
</div>

Answer 1

あなたは、アンダースコアではなくハイフンを使用する必要があるとしている、とあなたが心に留めする必要があるとしている、等幅フォントをするつもりです最初の行のスペースの影響...

var myPre = document.getElementById("preformatted"); 
 

 
myPre.innerHTML = " __<br/>| |<br/>|__|<br/>"

#preformatted { 
 
    font-family: monospace; 
 
    white-space: pre; 
 
}

<div id="preformatted"> 
 

 
</div>

そして、ちょうどFまたはにやにや笑い...

// Save references to my two control elements. 
 
var myPre = document.getElementById("preformatted"); 
 
var numInput = document.getElementById("numInput"); 
 

 
// Create an array of the numbers 0 through 9 as 7 segment digits. 
 
var numberStrings = [ 
 
" __ <br/>| |<br/>|__|<br/>", 
 
" <br/> |<br/> |<br/>", 
 
" __ <br/> __|<br/>|__ <br/>", 
 
" __ <br/> __|<br/> __|<br/>", 
 
" <br/>|__|<br/> |<br/>", 
 
" __ <br/>|__ <br/> __|<br/>", 
 
" __ <br/>|__ <br/>|__|<br/>", 
 
" __ <br/> |<br/> |<br/>", 
 
" __ <br/>|__|<br/>|__|<br/>", 
 
" __ <br/>|__|<br/> __|<br/>"]; 
 

 
// Attach the listeners for the input changes. 
 
numInput.addEventListener("keyup", changeNumbers); 
 
numInput.addEventListener("change", changeNumbers); 
 

 
function changeNumbers(){ 
 
    // Simply use the element from the array associated with 
 
    // the entered number to update the preformatted display. 
 
    myPre.innerHTML = numberStrings[numInput.value]; 
 
}

#preformatted { 
 
    font-family: monospace; 
 
    white-space: pre; 
 
    padding: 5px; 
 
    margin: 5px; 
 
    border: 1px dotted red; 
 
    width: 50px; 
 
    height: 50px; 
 
    position: relative; 
 
    text-align: center; 
 
} 
 
label { 
 
    display: block; 
 
}

<div id="preformatted"> 
 

 
</div> 
 

 
<div class="number-entry-pane"> 
 
<label>Enter a digit: 
 
<input type="number" id="numInput" min=0 max=9 /></label>

Answer 2

私は、これはあなたがやろうとしているものだと思います。

document.write("<pre> ______</pre>"); 
for(i=0;i<6;i++) { 
    document.write("<pre>|  |</pre>") 
} 
document.write("<pre> ______</pre>");