Как установить минимальное значение приращения

Привет, я делаю проект для школы, и мне нужно сделать что-то, что составляет +1 и +5 и -1 и -5, но если оно достигает 0, и я нажимаю кнопку -1, войдет в негатив.Как установить минимальное значение приращения

Я попытался

if("#total" < 0) 
{ 
    number = 0; 
}

Но это не сработало

Это мой код до сих пор:

$(document).ready(function() 
{ 
    $("#add_buttonplus").click(function() { 
     var $counter = $("#total"); 
     $counter.val(Number($counter.val()) + 1); 
    }); 
}); 

$(document).ready(function() { 
    $("#add_buttonminus").click(function() 
    { 
     var $counter = $("#total"); 
     $counter.val(Number($counter.val()) - 1); 
    } 
}); 

$(document).ready(function() 
{ 
    $("#add_buttonplus2").click(function() { 
     var $counter = $("#total"); 
     $counter.val(Number($counter.val()) + 5); 
    }); 
}); 

$(document).ready(function() { 
    $("#add_buttonminus2").click(function() 
    { 
     var $counter = $("#total"); 
     $counter.val(Number($counter.val()) - 5); 
    }); 
});

Мой HTML:

<html> 
    <head> 
     <!--Title of the Site--> 
     <title> 
     </title> 
     <!-- Extern CSS --> 
     <link rel="stylesheet" type="text/css" href="order.css"> 
     <!-- Jquery --> 
     <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 
     <!-- Extern JavaScript --> 
     <script src="order.js" type="text/JavaScript"></script> 
    </head> 
    <body> 
     <h1> 
     Flower 
     </h1> 
     <div id='Flower'> 
     <a href="#" id="add_buttonplus1"></a> 
     <a href="#" id="add_buttonminus1"></a> 
     <p id="Flowertekst1"> 
      Add 1 Kilo 
     </p> 
     <a href="#" onclick="" id="add_buttonplus2"></a> 
     <a href="#" onclick="" id="add_buttonminus2"></a> 
     <p id="Flowertekst2"> 
      Add 5 Kilo 
     </p> 
     <p id="Flowertotaal"> 
      Total: 
     </p> 
     <input type="text" value="1" id="total" readonly /> 
     </div> 
    </body> 
</html>

источник

2014-01-18 Napokue

вы можете разместить свой HTML –

Несомненно, я добавлю его в секунду – Napokue

* «Но это не сработало» * Какое поведение вы ожидали и что произошло? «Это не работает» не является описанием проблемы. –

Вы должны добавьте оператор if, чтобы убедиться, что всякий раз, когда разница между двумя цифрами ниже 0, то значение входного сигнала будет установлен в 0.

if((FlowerTotal - 5) < 0) 
    $("#FlowerTotal").val(0); 
    else 
    $("#FlowerTotal").val(FlowerTotal - 5);

Вот обновленный Html:

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 

    <meta charset="utf-8" /> 
    <title>JS Bin</title> 
</head> 
<body> 
    <h1>Flower</h1> 
    <div id='Flower'> 
     <p id="btnAdd1">Add 1 Kilo</p> 
     <p id="btnAdd5">Add 5 Kilo</p> 
     <p id="btnSub1">Subtract 1 Kilo</p> 
     <p id="btnSub5">Subtract 5 Kilo</p> 

     <p>Total:</p> 
     <input id="FlowerTotal" type="text" value="1" id="total" readonly /> 
    </div> 
</body> 
</html>

Вот JQuery/JavaScript

$("#btnAdd5").click(function(){ 
    var FlowerTotal = parseInt($("#FlowerTotal").val()); 
    $("#FlowerTotal").val(FlowerTotal + 5); 
}); 

$("#btnAdd1").click(function(){ 
    var FlowerTotal = parseInt($("#FlowerTotal").val()); 
    $("#FlowerTotal").val(FlowerTotal +1); 
}); 


$("#btnSub5").click(function(){ 
    var FlowerTotal = parseInt($("#FlowerTotal").val()); 

    if((FlowerTotal - 5) < 0) 
    $("#FlowerTotal").val(0); 
    else 
    $("#FlowerTotal").val(FlowerTotal - 5); 
}); 

$("#btnSub1").click(function(){ 
    var FlowerTotal = parseInt($("#FlowerTotal").val()); 
    if((FlowerTotal -1) < 0) 
    $("#FlowerTotal").val(0); 
    else 
    $("#FlowerTotal").val(FlowerTotal - 1); 
});

вы можете также просмотреть его на сайте: http://jsbin.com/EloSOTi/7/edit

источник

2014-01-18 07:20:22

И в чем была проблема? Что вы делали по-другому? Разве вы не хотите объяснять свое решение, чтобы OP мог учиться? –

Я понимаю, что он имеет в виду. Он использует parseInt, что я не сделал, и он использовал ID FlowerTotal и только FlowerTotal. Я не знал, что вы можете использовать ID без #, чтобы сделать его значением. Спасибо, большое решение решения для меня: P – Napokue

Привет, Аллан Чуа, он работает на сайте jsbin, но если я поместил его в свой блокнот ++ и запустил его в пусковую установку, это не сработает: s вы можете мне помочь? – Napokue

Как установить минимальное значение приращения

ответ

Смежные вопросы