Как сделать в калькуляторе?

Question

[vladimir328]

Есть калькулятор на js. Как сделать чтобы человек в этом калькуляторе не выбирал из предложенных вариантов ,например количество, а вписывал сам нужное ему число и регулировал это число знаками + и -.

Comments

[NubasLol]

Сделать не кнопки, а input

Answer 1

[Andrew]

<input type="number">

Comments

[vladimir328]

А как поменять внешний вид стрелочек?

[alex-1917]

vladimir328, в этом и прикол этого типа поля - стрелочки поменять почти невозможно)))
Если надо кастомить стрелки, скрывайте инпут и спанами рисуйте что хотите..

[Andrew]

vladimir328, убираете их совсем и рисуете какие угодно

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}

<input type="number" />
<div class="plus">+</div>
<div class="minus">-</div>

$('.plus').click(function(){
$('input[type=number]').val($('input[type=number]').val()+1)
})
$('.minus').click(function(){
$('input[type=number]').val($('input[type=number]').val()-1)
})

.plus и .minus для примера написал