Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<div class="input-group"><button id="minus" onclick="minus()">-</button><div id="zeros">0</div><button id="plus" onclick="plus()">+</button></div>
 
#minus {
  height: 26.4px;
  width: 26.4px;
  border-radius: 16px 0 0 16px;
  font-size: 20px;
  line-height: 20px;
  border: 2px solid black;
  border-right: 0px;
}
#plus {
  height: 26.4px;
  width: 26.4px;
  border-radius: 0 16px 16px 0;
  font-size: 20px;
  line-height: 20px;
  border-left: 0px;
}
#zeros {
  height: 26.4px;
  width: 26.4px;
  border: 2px solid black;
  display: inline-block;
  text-align: center;
  line-height: 26.4px;
  box-sizing: border-box;
}
 
let zeros = 0
let zerosDiv = document.getElementById('zeros')
function minus() {
  if (zerosDiv.textContent > 0) {
    zeros = (parseInt(zerosDiv.textContent) - 1)
    zerosDiv.textContent = zeros
  }
}
function plus() {
  zeros = (parseInt(zerosDiv.textContent) + 1)
  zerosDiv.textContent = zeros
}
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
vlnny118pro
0viewers