Jquery, увеличивать / уменьшать значения, не превышающие "0"

Question

Так что я работаю над чем-то, и не совсем лучший способ подойти к этому.

У меня есть некоторые элементы, и, в основном, когда щелкают по элементу списка, он добавляет значение к элементу div.

при щелчке другого элемента списка значение братьев и сестер должно уменьшиться, но не превысить 0 (т. е. -1, -2, -3)

Я просто не уверен, что самый логичный и простой способ написать это.

percentage = $("#percent1");
percentage2 = $("#percent2");
nCircleA = 0;
nCircleB = 0;

$('ul li.first').on('click', function() {
    circle1();
});
$('ul li.second').on('click', function() {
    circle2();
});

function circle1() {
    percentage.html(++nCircleA);
    percentage2.html(--nCircleB);
}

function circle2() {
    percentage2.html(++nCircleB);
    percentage.html(--nCircleA);
}

circle1();
circle2();

увидеть скрипку

Спасибо

Answer 1

Это будет делать то, что вам нужно

nCircleA -1 < 0 ? 0 : --nCircleA

jsfiddle