如何制作这样的对称直方图？

Question

我想编写一个 JavaScript 程序来显示如下图所示的对称直方图：

程序应要求用户输入要打印的条数和用于绘制条的字符。条中的字符数需要显示在每个条的右侧。

显示的示例是当我输入 @ 作为字符并输入 13 作为数字时。

这是我的代码：

var symbol = prompt("Enter the symbol");
var number = prompt("Enter the number");
var currentNum = 1;
let text = "";
let symbolNum = symbol;

while (currentNum <= number) {
  text += "<br>" + symbolNum + " " + currentNum;
  symbolNum += symbol;
  currentNum++;
}


document.write(text + "<br>");

最后，我只能输出以下内容：

我想知道我可以做些什么来扭转循环？

Answer 1

相同结果的两种不同方式。不是很干净，但可以工作。

var symbol = prompt("Enter the symbol");
var number = prompt("Enter the number");
var currentNum = 1;
let textTOP = "";
let textBOTTOM = "";
let symbolNum = symbol;

while (currentNum <= number) {
  textTOP += "<br>" + symbolNum + " " + currentNum;
  if (currentNum < number)
      textBOTTOM = "<br>" + symbolNum + " " + currentNum + textBOTTOM;
  symbolNum += symbol;
  currentNum++;
}


document.write(textTOP + textBOTTOM + "<br>");

var symbol = '@';
var number = 13;

var currentNum = 1;
let text = "";

while (currentNum < number * 2) {
  
  if (currentNum <= number) {
    
    let num = currentNum;
    text += "<br>" + symbol.repeat(num) + " " + num;
    
  } else {
    
    let num = Math.abs(number * 2 - currentNum);
    text += "<br>" + symbol.repeat(num) + " " + num;
    
  }
  
  currentNum++;
}


document.write(text + "<br>");

Answer 2

试试这个

function SymmetricHistogram(){
  
const size = 10;
let numberX = 0;
let numberY = 0;

for(let i = size; i>=-size; i--) {
  for(let j=size; j>=Math.abs(i); j--){
    process.stdout.write("@");
  }
  numberX <=size ? console.log(numberX++) : console.log(--numberY);
}

  }

  SymmetricHistogram();

或者试试下面的

https://onecompiler.com/javascript/3x58bqr3h