Podpięcie klawiatury bankomatu - javascript

Question

Cześć wszystkim

Próbuję stworzyć pierwszy projekt w JSie, wybrałem sobie projekt bankomatu. Jestem na etapie sprawdzania PINu i szczerze nie mam pojęcia jak to podpiąć. Nie chciałem używać inputów w HTMLu i zdecydowałem się stworzyć podobnie klawiaturę numeryczną jak Pan Mirosław w 3odc. z JS-a - czyli przy pomocy JavaScriptu i pętli for.

Chciałbym żeby po klikaniu na klawiaturę w bankomacie uaktualniał się napis "Podaj kod PIN: * _ _ _" (po pierwszym kliknięciu,  "Podaj kod PIN: * * _ _" (po wprowadzeniu 2 cyfr itd.) choć zadowoli mnie nawet jak się będą pojawiać same cyfry, a resztę spróbuję sam ogarnąć.

Link do mojego kodu: https://codepen.io/Moriar/pen/mpjWgW

Z góry dziekuję i pozdrawiam

Comments

Widzę, że robisz podobny projekt jaki ja robiłem na początku mojej nauki - więc Cię w czymś zainspiruje :)

https://forum.pasja-informatyki.pl/53094/pierwszy-samodzielny-projekt-w-html-css-javascript-prosze-o-ocene

P.S. Nie sugeruj się jakością kodu, bo jest, delikatnie mówiąc, słaba - ale to były początki :)

---

Dzięki za odpowiedź, zobaczę czy mi coś pomoże Twój projekt ;)

Answer 1

Jeśli chodzi o pojawianie się kolejno gwiazdek po wpisaniu liczb wydaje mi się że najprostszą metodą będzie podmiana tekstu w HTML poprzez uaktualnienie modelu DOM.