Печать строк внутри центра символьных петель в Javascript? - PullRequest
0 голосов
/ 31 марта 2020

Я застрял в проблеме, и я не уверен, как ее исправить.

Чтобы создать простую JS пирамиду, вы просто используете эту l oop ...

function createPyramid(rows)
{
    for (let i = 0; i < rows; i++) {
        var output = '';
        for (let j =0; j < rows - i; j++) output += ' ';
        for (let k = 0; k <= i; k++) output += '* ';
        console.log(output);  
    } 
}

createPyramid(5) // pass number as row of pyramid you want.
 Run code snippetHide results

Однако в моей программе я пытаюсь предложить пользователю получить его имя и печатать его в центре фигуры.

I попытался сделать это без al oop для треугольника, пирамиды и квадрата, и символы каждой фигуры не были выровнены.

Как поместить строку в середину фигуры, сгенерированной из символов, подобных этой ...

enter image description here

Вот как я это сделал без al oop (что неправильно).

function getTriangle() {
        var name = " "; count = 0; symbol = "* "; 
        symbol = "* "
        name = prompt(
          "What is your Name or Nickname?: ",
          " "
        );
		document.write(" " + symbol + " ");
		document.write("<br />");
        document.write(symbol + " " + symbol + " " + symbol);
        document.write("<br />");
        document.write(symbol + " " + symbol + " " + symbol + " " + symbol + " " + symbol);
        document.write("<br />");
		document.write( symbol + " " + symbol + " " + name + " " + symbol + " " + symbol);
		document.write("<br />");
        document.write(symbol + " " + symbol + " " + symbol + " " + symbol + " " + symbol + " " + symbol + " " + symbol + " " + symbol);
        document.write("<br />");
        document.write(symbol + " " + symbol + " " + symbol + " " + symbol + " " + symbol + " " + symbol + " " + symbol + " " + symbol + " " + symbol);
      }
<body>
    <table align ="center" width ="70%"><tr><td colspan ="2">
        <h1>&nbsp;</h2>
        <h1>Shapes</h1>
        <h3>Pick a Shape</h3>
        <p>
        <input type="button" id="triangle" value="Draw a triangle" onclick="getTriangle();" /> &nbsp; &nbsp;
       </p>
        </td></tr>
        </table>
  </body>

Спасибо, что нашли время ответить на мой вопрос!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...