0

у меня есть 2 кнопки повышающие и уменьшающие значения поля на единицу, но при нажатии "уменьшить" значение опускается ниже 1, подскажите как сделать минимальным значение единицу, чтоб оно не опускалось при нажатии кнопки ниже 1?

<button class="btn-count" type="button" onclick="btnCountDown()">-</button>
<input type="number" min="1"  size="1" value="1" id="howMuch"  readonly>
<button class="btn-count" type="button" onclick="btnCountUp()">+</button>




var i=1;
function btnCountUp() {
    i++;
document.getElementById('howMuch').value= +i;

}

function btnCountDown() {
    i--;
    document.getElementById('howMuch').value= +i;
}

2 ответа 2

2

Можно ведь просто добавить условие:

if(document.getElementById('howMuch').value < 1) document.getElementById('howMuch').value = 1; 

Или так:

document.getElementById('howMuch').value = i < 1 ? 1 : i;

В вашем коде:

var i=1;
function btnCountUp() {
i++;
document.getElementById('howMuch').value= +i;

}

function btnCountDown() {
    i--;
    document.getElementById('howMuch').value= +i;
    if(document.getElementById('howMuch').value < 1){
        document.getElementById('howMuch').value = 1;
        i = 1;
    }
}
1
  • спасибо, строка с if ом в функции помогла, я что то подобное пытался сделать, но не вышло, оказывается все было просто 13 июн 2019 в 20:16
1

Код изначально не верный. Проверяйте логику. Зачем инкремент и декремент? Также не рекомендую использовать глобальную переменную, плохая практика. Берите значение из элемента и с ним работайте.

function btnCountDown() {
    i--; # удалите это лишнее
    i = document.getElementById('howMuch').value
    # далее условие на минимальное значение, если меньше тогда ничего не происходит.
    if ( i > x){
        i--;
    }
    document.getElementById('howMuch').value = i;
}
0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.