Problem z input (resetowanie)

Question

Cześć, mam trochę dziwne zjawisko z:

<input class="kolor" type="reset" value="Skasuj">

mianowicie kasuje mi wartości w:

<div class="wyswietlacz2"><input type="text" readonly size="150.100" id="output"></div>

ale jak kliknę po tym kolejny raz w przycisk pojawiają się poprzednie wartości przed skasowaniem i ta aktualna :)

wrzucam link do CodePen

https://codepen.io/Vinchit/pen/XqNgzv

Ktoś wie jak to na prawić? :)

PS: jest jeszcze błąd z niewidocznymi czymś (sam nie wiem jak to nazwać) wystarczy kliknąć pomiędzy przyciskami lub obok nich i wpisują się wartości tych wszystkich przycisków. 

Answer 1

Totalnie nie rozumiem tego kodu. Wydaje się mocno przekombinowany.

Niemniej wartości się dodają, bo przecież przycisk reset usuwa jedynie to, co jest w polu, nie zaś – to, co jest w obiekcie words, z którego tę treść generujesz. Musiałbyś przy kliknięciu w reset dodatkowo usuwać wszystko z obiektu words.

Co do drugiego problemu: wynika z tego, że skrypt nasłuchuje na klik na cały div. Przestrzeń między przyciskami to też wnętrze diva, więc zostaje wklejona cała jego zawartość. Musiałbyś przy kliku sprawdzać, czy aby na pewno został kliknięty przycisk (evt.target.matches( 'button' ) np. albo warunek z nearest).

Comments

Mógłbyś mi pokazać to na codepen?

---

Z tym skryptem chodzi o to że jak pojawi się dwa lub więcej razy ten sam tekst to zamiast pojawienia się dwóch tych samych teksów pojawi się 2x tekst itd.

Jestem zielony w JS a potrzebuje takiego skryptu na stronie, jesteś w stanie pomóc/podesłać jakiś poradnik jak coś takiego zrobić?

---

Już nie ważne znalazłem własny sposób :P