Добрый вечер , изучаю JavaScript и решаю небольшие задачки.

Question

Добрый вечер , изучаю JavaScript и решаю небольшие задачки.

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

нарисовать прямоугольник

Попробывал релизовать с помощью цикла вывод прямоугольника, получается не точный вариант .Незнаю насколько я иду вверном направлении. Поискал в интернете нашел рисование фигур через html canvas , но этот вариант , не указан в задании что нужно.
Моя реализация прямоуголька, незнаю насколько она верна
for(var x=0;x<10;x++){
if(x==0||x==9) {
for(var i=0;i<10;i++)
document.write("*");
}
else {
document.write("<br>");
for(var z=0;z<10;z++)
document.write(z==0||z==9?"*":"&nbsp ");
document.write("<br>");
};
}
или тут какае то хитрость с nbsp нужно сделать?
стороны выводит с большим местрочным интервалом. Не как нельзя это тоже настроить