Trójkąt równoramienny z "X"

Rejestracja:ponad 4 lata
Ostatnio:ponad 4 lata
Postów:3

Witam.
Na starcie proszę o wyrozumiałość, gdyż dopiero zaczynam i jest to mój pierwszy wątek na forum!
Muszę wykonać skrypt w JS które będzie drukował trójkąt równoramienny z X o wysokości pobranej z klawiatury .Zadanie ma być oparte na pętli for.
Skrypt zrobiłem i działa tzn. wyświetla prawidłową ilość X ale nie maja one odstępów i sklejają się w trójkąt prostokątny zamiast w równoramienny(pętla odpowiedzialna za spacje jest ale nie wiem dlaczego ona nie działa)
Mój rezultat, prawidłowy umieszczam w załączniku!

Tutaj mój kod:

Kopiuj

<!DOCTYPE html>
<html lang="pl">
    <head>
        <title>prg2</title>
        <meta charset="utf-8">
    </head>
    <body>
        <script>
        var wys = parseInt(prompt("podaj wysokość:", "5"));
        
        for(var i=1; i<=wys; i++)
{
    for(var j=1; j<=wys; j++)
    {
        document.write(" ");
    }
    for(var k=1; k<=2*i-1; k++)
    {
        document.write("X");
    }
    document.write("<br>");
}


           </script>
    </body>
</html>

Z góry DZIĘKI

prawidłowy wynik.jpg (2 KB) - ściągnięć: 97
mój wynik.jpg (3 KB) - ściągnięć: 130

JavaScript

złoty

2020-11-03 11:03

złoty2020-11-03 11:03

Rejestracja:ponad 17 lat
Ostatnio:około miesiąc
Lokalizacja:Warszawa
Postów:108

po 1) umieść drukowany trójkąt w tagu <pre> aby zachować formatowanie (spacje).
po 2) masz błąd w pętli drukującej spacje, powinna iterować od 1 do wys - i

Kopiuj

var wys = parseInt(prompt("podaj wysokość:", "5"));
document.write('<pre>');

for (var i = 1; i <= wys; i++) {
    for (var j = 1; j <= wys - i; j++) {
        document.write(" ");
    }
    for (var k = 1; k <= 2 * i - 1; k++) {
        document.write("X");
    }
    document.write("<br>");
}

document.write('</pre>');