How to change text form value in html?

Question

JavaScript

There is a html side on it textbox from a form with django, tried changing the value with

document.getElementById('id_records_text').innerText = document.getElementById('id_records_text').textContent + 4

<form action="drecords" method="post">
                        {% csrf_token %}
                        {{ form }}
                        <input class="button" type="submit" value="отправить">
                    </form>

Everything changes everything is fine and it can be seen on the page, but as soon as I wrote something manually in the field and try to add it again, the value is not added visually on the site, but it still changes in the xml.
How can it be changed?

Answer 1

Because you are inserting just text, but you need to insert a value, the easiest way to do this is to use .val () with the jQuery library included.
api.jquery.com/val

Answer 2

innerText is the text inside, and the value of the intput is element.value