Как отобразить входное значение рядом друг с другом в jQuery?

Question

Я строю калькулятор.Я могу отображать одно входное значение для каждого клика, но я застрял с отображаемым входным значением рядом друг с другом.Например, если я нажму 1, 2, 3, он должен отобразить (123) в поле ввода.

$('button').on('click', function(e) {
        var btn = e.target.innerHTML;

        $('#display').val(btn);
        }
 });

Спасибо!

Answer 1

В данный момент вы перезаписываете value вашего дисплея.Вместо этого вы хотите добавить к нему.Вы можете сделать это, используя:

$('#display').val($('#display').val() + btn);

Приведенная выше строка получит текущий текст в value и добавит кнопку в конец этой строки.

Answer 2

Вы устанавливаете входное значение на каждый клик, вместо этого вы должны добавить

$('#display').val($('#display').val()+btn);

$('button').on('click', function(e) {
        var btn = e.target.innerHTML;

        $('#display').val($('#display').val()+btn);
        
 });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button value='1'>1</button>
<button value='2'>2</button>
<button value='3'>3</button>
<input id="display"/>