Javascript 用字母做成正方形

我有这个：

ooooo
ooooo
ooooo
ooooo
ooooo

将

o

置于除中间以外的所有位置，使其变成：

ooooo
o   o
o   o
o   o
ooooo 

我是否可以用Javascript实现这一点？ 我目前的代码是： HTML:

脚本：

 function bigbox() { 

            number = document.getElementById('box').value;
            display = document.getElementById("output");

        for(let j = 0; j<number; j++) {
            for(let i = 0; i<number; i++) 
            text += "o";
            text += "<br>";

            }


        display.innerHTML = text;

函数bigbox（）{
编号=document.getElementById（'box'）。值；
display=document.getElementById（“输出”）；
对于（设j=0；j，您只需要添加一点逻辑来确定是输出一个
o
还是一个空格

基本上，如果出现以下情况，则应输出
o
：


这是第一排或最后一排，或者
这是第一列或最后一列

请参见以下示例代码段：


函数bigbox（）{
编号=document.getElementById（'box'）。值；
display=document.getElementById（“输出”）；
var text=''；
for（设j=0；j”；
}
display.innerHTML=文本；
}
bigbox（）；
#输出{
字体系列：“Courier New”，Courier，“Lucida Sans打字机”，“Lucida打字机”，monospace；
}
您只需要添加一点逻辑来确定是输出一个
o
还是一个空格

基本上，如果出现以下情况，则应输出
o
：


这是第一排或最后一排，或者
这是第一列或最后一列

请参见以下示例代码段：


函数bigbox（）{
编号=document.getElementById（'box'）。值；
display=document.getElementById（“输出”）；
var text=''；
for（设j=0；j”；
}
display.innerHTML=文本；
}
bigbox（）；
#输出{
字体系列：“Courier New”，Courier，“Lucida Sans打字机”，“Lucida打字机”，monospace；
}
如果其中一个索引为零或加上一个等于正方形所需位置，则可以添加，然后使用边框字符或空格

基本上是这条线

text += i === 0 || i + 1 === size || j === 0 || j + 1 === size ? "o": " ";

包含三个部分：

接受表达式并将其添加到左侧变量的

text += someExpression


接受表达式并检查其是否为（与除零或
NaN
以外的任何数字、任何非空字符串、对象或数组、
true
）或（与零或
NaN
、
'
、
null
、
未定义
、
false
）的

如果为真，则取
？
后面的值，如果为假，则取
后面的值：

它是带有表达式的
if
语句的一种缩写形式

expression ? alternative1 : alternative2 // code
truthy   ->  alternative1                // result
falsy    ->                 alternative2


条件部分。条件是与连接的，它返回第一个真值或最后一个假值

条件检查索引，如果为零或最大有效值，则您到达边界，否则您位于正方形内


函数bigbox（大小）{
var display=document.getElementById（“输出”），
text=“”；
大小=+大小；
for（设j=0；j”；
}
display.innerHTML=文本；
}
如果其中一个索引为零或加上一个等于正方形所需位置，则可以添加，然后使用边框字符或空格

基本上是这条线

text += i === 0 || i + 1 === size || j === 0 || j + 1 === size ? "o": " ";

包含三个部分：

接受表达式并将其添加到左侧变量的

text += someExpression


接受表达式并检查其是否为（与除零或
NaN
以外的任何数字、任何非空字符串、对象或数组、
true
）或（与零或
NaN
、
'
、
null
、
未定义
、
false
）的

如果为真，则取
？
后面的值，如果为假，则取
后面的值：

它是带有表达式的
if
语句的一种缩写形式

expression ? alternative1 : alternative2 // code
truthy   ->  alternative1                // result
falsy    ->                 alternative2


条件部分。条件是与连接的，它返回第一个真值或最后一个假值

条件检查索引，如果为零或最大有效值，则您到达边界，否则您位于正方形内


函数bigbox（大小）{
var display=document.getElementById（“输出”），
text=“”；
大小=+大小；
for（设j=0；j”；
}
display.innerHTML=文本；
}
您可以将中间部分放在标记中并对该标记进行样式设置。
您可以将中间部分放在标记中并对该标记进行样式设置。
函数bigbox（）{
function bigbox() { 

        number = document.getElementById('box').value;
        display = document.getElementById("output");
    text="";
    for(let j = 0; j<number; j++) {
        for(let i = 0; i<number; i++)
        if(j != 0 && j != number - 1)
            if(i==0)
                    text += "o";
            else if(i == number-1){
                text += "o";
                text += "<br/>";
            }else
            text += "&nbsp;&nbsp;"
        else{
            text += "o";
        }
        text += "<br/>";            

        }

    display.style.lineHeight = 0.5;
    display.innerHTML = text;
}

编号=document.getElementById（'box'）。值；
display=document.getElementById（“输出”）；
text=“”；
对于（设j=0；j
函数bigbox（）{
编号=document.getElementById（'box'）。值；
display=document.getElementById（“输出”）；
text=“”；
对于（让j=0；jDo您想要它是动态的吗？我有“这个”怎么做？请同时显示标记。Post
HTML
code以及..@NiteshPhadare动态是什么意思？以及您所说的markup@Elliot请具体说明。你想在给定段落中突出显示边界字母吗？你想动态显示吗？我有“这个”如何？请同时显示标记。Post
HTML
code以及..@NiteshPhadare动态是什么意思？以及您所说的markup@Elliot