Nova linha em Javascript ou HTML?

var symbol = prompt("Please choose a symbol");
var side = prompt("Choose the length of the square");
var count1 = 1;
var count2 = 1;
while (count1 <= side) {
    while (count2 <= side) {
        document.write(symbol);
        var count2 = count2 + 1;
    }
    document.writeln()
    var count2 = 1;
    var count1 = count1 + 1;
}

http://jsfiddle.net/kjQB9/36/

Eu estou trabalhando com o código acima. Estou tentando fazer com que JS desenhe uma caixa de uma determinada entrada. Eu li sobre o \ n \ r e
códigos, mas eu não ser capaz de colocá-los em algum lugar para obter as linhas para formar um quadrado. Por exemplo, se eu inserir * e 3. Eu quero que a saída seja:

***
***
***

Mas está aparecendo como*** *** ***.

Onde posso incluir essas tags e isso deve ser feito em HTML ou JS?

questionAnswers(1)

yourAnswerToTheQuestion