HTML Botao que soma 1 no contador , clicando novamente no botao tira 1 no contador

[Matheus Prestes]

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<div>
    <button onclick="resetCounter()">Reset</button>
    <center><h3 id="counter-label">0</h3></center>
</div>

<form>
  <button type="button" class="btn glyphicon glyphicon-plus" onclick="mostrar(this);incrementClick()"> Save</button>
  <button type="button" class="btn glyphicon glyphicon-plus" onclick="mostrar(this);incrementClick()"> Save</button>
  <button type="button" class="btn glyphicon glyphicon-plus" onclick="mostrar(this);incrementClick()"> Save</button>
</form>

var counterVal = 0;

function incrementClick() {
    updateDisplay(++counterVal);
}

function updateDisplay(val) {
    document.getElementById("counter-label").innerHTML = val;
}

function resetCounter() {
    counterVal = 0;
    updateDisplay(counterVal);
}

function mostrar(e) {
  if (e.classList.contains("glyphicon-plus")) { //se tem olho aberto
    e.classList.remove("glyphicon-plus"); //remove classe olho aberto
    e.classList.add("glyphicon-minus"); //coloca classe olho fechado
    e.innerText = " Saved"
  } 
  else { 
    e.classList.remove("glyphicon-minus"); //remove classe olho fechado
    e.classList.add("glyphicon-plus"); //coloca classe olho aberto
    e.innerText = " Save"
  }
}

Pessoal, como eu faço pra contar somente um numero ao clicar no botão? Por exemplo

cliquei no botao, ele contou 1 la no contador, quando eu clico novamente nesse botão eu queria que ele voltasse para 0, meio que foi um decremento entende, entao clicou no botao conta 1, clicou novamente no botao tira 1, mais ou menos isso