Блог

Главная - Вопросы по программированию - Добавление текста в абзац при нажатии кнопки в jquery

Добавление текста в абзац при нажатии кнопки в jquery

#javascript #jquery

#javascript #jquery

Вопрос:

Я создаю веб-калькулятор, в котором я хочу добавлять каждое число, нажатое на абзац, это абзац для хранения всех введенных входных <p id="display" class="col-10 table-bordered" style="height:20px"></p> данных, тогда это одна из кнопок <button class="col-2" id="seven">7</button> , затем ниже приведен код jQuery, используемый для попытки сбора данных

 @section scripts {
<script type="text/javascript">
    $(document).ready(function () {

        $("#seven").click(function () {

            //document.getElementById('display').text('7') = $('#seven').text();
            $("#display").append('7');
        });
    });
</script>

Проблема в том, что когда я нажимаю на кнопку 7, число появляется один раз на дисплее и исчезает, я думаю, что оно обновляется или что-то в этом роде, я, кажется, не могу заставить номер вставляться после нажатия, пожалуйста, помогите.

Комментарии:

1. Похоже, что кнопки находятся в форме. Тип по умолчанию <button> — «отправить», что приведет к перезагрузке страницы из-за процесса формы по умолчанию. Попробуйте type="button"

2. @charlietfl это действительно была проблема, я только что поддержал ваш комментарий, я добавил их в форму, потому что позже мне нужно будет отправить все, что ввел пользователь