我希望让自己明白。我对正则表达式的主题很不好。我试图显示从0到9的数字。但现在我只需要显示数字0，如图所示。如何使用_和|使JavaScript的数字形状？
我如何从JavaScript产生的呢？请原谅我的无知，我认为我做错了，我不知道我是否应该用...
不要以为我没有尽我所能，认真我不知道如何设法显示数字零正确。
var myPre = document.getElementById("pre");
myPre.innerHTML = "| --
|"<div id="pre">
div>
你会想等宽字体，你将不得不使用下划线而不是连字符，并且你要心里有负担在第一行的空间的效果...
var myPre = document.getElementById("preformatted");
myPre.innerHTML = " __
| |
|__|
"#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 = [
" __
| |
|__|
",
"
|
|
",
" __
__|
|__
",
" __
__|
__|
",
"
|__|
|
",
" __
|__
__|
",
" __
|__
|__|
",
" __
|
|
",
" __
|__|
|__|
",
" __
|__|
__|
"];
// 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>这家伙很懒，还没有设置简介
