Можно программно вычислить где находятся кнопки увеличения/уменьшения числа и сделать на JS реализацию клика на эту область и менять число в инпуте. Однако это, я считаю, чрезмерно.
Вместо этого предлагаю воспользоваться методами stepDown() и stepUp(), а дефолтные кнопки упрвления скрыть через CSS
let result = document.getElementById('result');
let numberInput = document.getElementById('input');
numberInput.addEventListener('input', renderNumberInResult);
function stepUp() {
numberInput.stepUp();
renderNumberInResult();
}
function stepDown() {
numberInput.stepDown();
renderNumberInResult();
}
function renderNumberInResult() {
result.innerHTML = numberInput.value;
}
renderNumberInResult();
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
<input id=input class="count offer-count" type=number value="1">
<button onclick="stepUp()">+</button>
<button onclick="stepDown()">-</button>
<div id="result">result</div>