Trójkąt równoboczny z gwiazdek

Rejestracja:ponad 5 lat
Ostatnio:ponad 4 lata
Postów:22

0

Hej,

Mam mały problem z ogarnięciem skryptu. Potrzebuje zrobić skrypt w którym użytkownik podaje wysokość trójkąta i trójkąt tworzy się z gwiazdek.
np. wysokość 4 i z każdym nowym kolejnym wierszem ma dodać się coraz to nowa gwiazdka.

Zrobiłem coś takiego: (ale mam problem z ogarnięciem jak zrobić żeby z każdym kolejnym dodawał tą gwiazdkę)

Kopiuj

    <body>
        <p id="wynik">Wynik</p> <br />
        
        <script>
            var n = prompt("Podaj wysokość trójkąta: ");
            var t = "";
            
            for (var i = 0; i < n; i++) {
                t = t + "* <br />";
                
                document.getElementById("wynik").innerHTML = t;
            }
        </script>
    </body>

Na chwilę obceną wygląda to tak:

Czy znajdzie się ktoś kto może mnie pokierować w dobrą stronę? :)

screenshot-20191211144402.png (1 KB) - ściągnięć: 158
screenshot-20191211144454.png (3 KB) - ściągnięć: 213
screenshot-20191211144522.png (1 KB) - ściągnięć: 117

serek

2019-12-11 14:11

serek2019-12-11 14:11

Rejestracja:około 11 lat
Ostatnio:24 minuty
Postów:1475

1

No zrób wewnątrz nową pętlę, która będzie wypisywała gwiazdki w linii.

Gustawiec

2019-12-11 15:00

~~Gustawiec~~2019-12-11 15:00

Rejestracja:prawie 6 lat
Ostatnio:około 5 lat
Postów:58

1

Ja to zrobiłem w ten sposób https://jsfiddle.net/dawidek1/e0wku3zf/
A tutaj masz wersję odwróconą https://jsfiddle.net/dawidek1/e0wku3zf/10/

edytowany 3x, ostatnio: ~~Gustawiec~~ 2019-12-11 15:12

Delor

2019-12-11 16:49

Delor2019-12-11 16:49

Rejestracja:ponad 6 lat
Ostatnio:około 2 lata

1

Możesz też dać zmienną var stars = ""; i w pętli:
stars = stars + "*";
oraz doklejać ją z miejsce pojedynczej gwiazdki.

PS. trójkąt prostokątny

Yaniak

2019-12-11 18:13

Yaniak2019-12-11 18:13

Rejestracja:ponad 5 lat
Ostatnio:ponad 4 lata
Postów:22

0

serek napisał(a):

No zrób wewnątrz nową pętlę, która będzie wypisywała gwiazdki w linii.

Zrobiłem jak napisałeś i wychodzi mi choinka do góry nogami :D

Gustawiec napisał(a):

Ja to zrobiłem w ten sposób https://jsfiddle.net/dawidek1/e0wku3zf/
A tutaj masz wersję odwróconą https://jsfiddle.net/dawidek1/e0wku3zf/10/

Nie dałoby rado zrobić tego jakoś prościej?
Potrzebuję zrobić to na zajęcia ale nie jestem jeszcze na takim etapie jak tutaj pokazałeś.
Popróbuję jeszcze jakoś skleić to w ten sposób żeby zadziałało na samych pętlach.
Generalnie bardzo fajnie ale nie mój poziom :P

Delor napisał(a):

Możesz też dać zmienną var stars = ""; i w pętli:
stars = stars + "*";
oraz doklejać ją z miejsce pojedynczej gwiazdki.

PS. trójkąt prostokątny

Obawiam się że nie rozumiem, ponieważ zamiast "stars" jest już podstawiona literka "t"
I nie rozumiem równiez jak dokleić ją w miejsce pojedynczej gwiazdki??

edytowany 1x, ostatnio: Yaniak 2019-12-11 18:14

Delor 2019-12-11 18:19

t = t + stars + " <br />";

Yaniak

2019-12-11 18:33

Yaniak2019-12-11 18:33

Rejestracja:ponad 5 lat
Ostatnio:ponad 4 lata
Postów:22

0

No dobra już coś tam powoli rozumiem.

Kopiuj

            var n = prompt("Podaj wysokość trójkąta: ");
            var t = "";
            var star = " ";

            for (var i = 0; i < n; i++) {
                star = star + "*";
                t = t + star + " <br />";
                    
                    document.getElementById("wynik").innerHTML = t;
            }

Jest choinka która stoi prawidłowo ale teraz muszę wyrównać, żeby osiągnąć cel aby tójkąt był prostokątny.

Edit:
Ok, jest działa, choinka była bo miałem wycentrowany tekst w css, my bad.

Dziękuje wszystkim za pomoc :) Pozdro mordki

edytowany 2x, ostatnio: Yaniak 2019-12-11 18:39