Я пытаюсь сделать так, чтобы мое решение построило прямоугольник и / или треугольник, где звезды будут в лицевых панелях, а контекст будет пустым, как этот квадрат, который я прикрепил к изображению.
пример квадрата
let PickRectangleWidth = 50;
let PickRectangleWHeight = 10;
let PickTriangle = 10;
buildRectangleStarsWithSpace();
buildTriangleStarsWithSpace();
function buildRectangleStarsWithSpace(): void {
let arr = new Array<number>(PickRectangleWidth);
for (let c = 1; c < arr.length + 1; c++) {
for (let d = 1; d < arr.length + 1; d++) {
if (d == arr[1] || d == PickRectangleWidth) {
document.write("* ");
}
else if (d == arr[1] || d == PickRectangleWidth)
document.write(`<span style="visibility: hidden;">* </span>`);
}
document.write("<br/>");
}
document.write(`</br> Rectangle Perimeter: ${(PickRectangleWHeight * 2) + (PickRectangleWidth * 2)} </br>`);
document.write(`Rectangle Area: ${PickRectangleWHeight * PickRectangleWidth}`);
function buildTriangleStarsWithSpace(): void {
let arr = new Array<number>(PickTriangle);
for (let e = 1; e < arr.length + 1; e++) {
for (let f = 1; f < arr.length + 1; f++) {
if (f == arr[1] || f == PickTriangle) {
document.write("* ");
}
else if (f == arr[1] || f == PickTriangle)
document.write(`<span style="visibility: hidden;">* </span>`);
}
document.write("<br/>");
}
document.write(`</br> Triangle Perimeter: ${PickTriangle * 3} </br>`);
document.write(`Triangle Area: ${(PickTriangle * PickTriangle) / 2}`);