witam!
piszę sobie w react małą grę "hakerską" gdzie w konsoli będzie wpisywać różne komendy :P
o to jak wygląda okienko: https://imgur.com/91QQ64Z
i teraz tak, chodzi mi o ten input, który jest na dole okienka, chciałbym żeby input był pod ostatnią wpisaną komendą, tak samo jak w wierszu poleceń windowsa... ma ktoś jakiś pomysł? może dodać eventlistener do całego diva, który będzie odbierał naciśnięcia klawiszy i wprowadzał je do state?
0
4
Nie prościej Ci wykorzystać gotowy dobrej jakości element?
https://github.com/nickola/web-console
3
Krwawy Ork napisał(a):
witam!
piszę sobie w react małą grę "hakerską" gdzie w konsoli będzie wpisywać różne komendy :P
o to jak wygląda okienko: https://imgur.com/91QQ64Z
i teraz tak, chodzi mi o ten input, który jest na dole okienka, chciałbym żeby input był pod ostatnią wpisaną komendą, tak samo jak w wierszu poleceń windowsa... ma ktoś jakiś pomysł?
możesz zrobić po prostu konsolę jako diva z różnymi divami jako wierszami.
Oraz input tuż pod nim i wychwytywać entery w inpucie, i po każdym enterze dodawać jednego diva do konsoli. Tak jak zrobiłem tutaj:
https://jsfiddle.net/a5oc7yzr/1/
tylko jeszcze możesz zrobić ograniczenie liczby wierszy, żeby jak jest za dużo wierszy, to albo żeby ucinał ileś początkowych, albo żeby robił scroll konsoli do końca (żeby input cały czas był widoczny, bo na tym co zrobiłem potem się chowa ten input jak jest za dużo wierszy).