Jeżeli występuje tylko jeden button w form, domyślnie staje się on submitem. Klikając na przycisk "Pole" wysyłasz formularz. Jeśli w form, atrybut action jest nieokreślony, domyślne formularz zostaje wysłany pod ten sam adres na którym się znajduje -> stąd wrażenie, w sumie słuszne, odświeżenia strony.
Rozwiązanie: Usuń znacznik <form>
Wskazówki co do samego kodu:
- używaj addEvenetListener zamiast onclick
- skrypty wstawiaj przed końcem tagu <body>
- <div id="kwa" style="display:block;"> - divy domyślne są obiektami blokowymi, nie trzeba stosować display: block;
- Wszystkie inputy muszą mieć etykietę - label - im szybciej wpadnie Ci to w nawyk - tym lepiej
- Rób wcięcia w kodzie HTML : p