<head>
<meta charset="utf-8"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function() {
$('button').click(function() {
var o = $('#total'), n = +o.text();
n = n + +this.value || 1;
n = n < 11 ? n : 10;
o.text(n)
})
})
</script>
</head>
<body>
<div id="total">1</div>
<button value="-1">--</button>
<button value="1">+</button>
</body>
</html>