如何使用_和|使JavaScript的数字形状？

  • Z时代
  • 2024-01-10
  • 分类：问答

我希望让自己明白。我对正则表达式的主题很不好。我试图显示从0到9的数字。但现在我只需要显示数字0，如图所示。如何使用_和|使JavaScript的数字形状？

我如何从JavaScript产生的呢？请原谅我的无知，我认为我做错了，我不知道我是否应该用...

不要以为我没有尽我所能，认真我不知道如何设法显示数字零正确。

var myPre = document.getElementById("pre");  
myPre.innerHTML = "| -- <br> |"

<div id="pre">  
</div>

回答：

你会想等宽字体，你将不得不使用下划线而不是连字符，并且你要心里有负担在第一行的空间的效果...

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>

回答：

我想这是你正在尝试做的。

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

以上是 如何使用_和|使JavaScript的数字形状？ 的全部内容， 来源链接： utcz.com/qa/266723.html

回到顶部