Das Zurücksetzen auf 0 und Neuabfragen des html-Elements muss vor dem console.log erfolgen.

Du hast:

var ticketCounterDecr = $('.ticketcounter.visible');
 
1: ticketCounterDecr.html(function(i, val) {
  return val*1-1;
 });
 
2: var currentNumber = ticketCounterDecr.html();
 console.log(currentNumber);
  
3:  if( currentNumber <= 0 ){
   ticketCounterDecr.html(0);
  };

Unter 1: setzt Du den Wert von 0 auf -1.
Unter 2: holst Du die -1 und gibst sie auf der Console aus.
Unter 3: erfolgt das setzen auf 0 im html.

Im Block 2 muss das console.log weg und ein neuer Block 4 dazu, der den neuen Wert von 0 aus dem html-Element holt und dann in die Console schreibt:

var ticketCounterDecr = $('.ticketcounter.visible');
 
1: ticketCounterDecr.html(function(i, val) {
  return val*1-1;
 });
 
2:  var currentNumber = ticketCounterDecr.html();
 //console.log(currentNumber);
  
3:  if( currentNumber <= 0 ){
   ticketCounterDecr.html(0);
  };

4:  currentNumber = ticketCounterDecr.html();
  console.log(currentNumber);

Reihenfolgenproblem!