JS — как построить треугольник функцией?

Question

[Андрей]

всем привет, изучаю JS и уже битый час пытаюсь решить задачу с треугольником в консоли. Задача такая:
создать функцию с 2 аргументами, где 1 аргумент задаёт размер треугольника, второй - символ которым нужно рисовать.

let size = 4;
let sym = '*';
function tr(size,sym){
for (let i = 0; i < size; i++){
    for (let x = 0; x <= i; x++){
        console.log(sym);
    }
    console.log();
    }
}
console.log(tr(size,sym));

В консоли рисует, но добавлется символ * внизу, а не в строку. И почему-то есть пробелы между строками.
Буду признателен за помощь

Comments

[Сергей Соколов]

console.log() выводит каждый раз на новой строке.
Попробуйте собирать строку в переменной, и только потом её выводить.

[scottparker]

каждая звездочка на новой строке, потому что console.log так работает.
пустые строки, потому что во внешнем цикле вызывается console.log без параметров.
зачем бессмысленно чёт делать и удивляться потом результату?

[Сергей Соколов]

spoiler

function triangle(size, char) {
  let result = '';
  for (let i = 0; i < size; i++) {
    for (let x = 0; x <= i; x++) {
      result += char;
    }
    result += '\n';
  }
  return result;
}

console.log(triangle(5, '*'));

[Андрей]

Сергей Соколов, благодарю, а что делает let result = '' ? объявляет пустую пеменную чтобы потом объеденить её с char?

[Андрей]

scottparker, спасибо за подсказку

[Сергей Соколов]

Андрей, result — строка, в которую добавляем звёздочки и иногда символы переноса строки. В конце её возвращаем. В начале она просто пустая строка "" — это позволяет потом к ней сложением добавлять строку.
Если просто let result;, то переменная сначала была бы со значением undefined, а «прибавление» к ней звёздочки дало бы строку "undefined*"