<script>
function plus() {
document.querySelector('#temp').value++;
document.querySelector('#output').textContent = document.querySelector("#temp").value;
}
function minus() {
document.querySelector('#temp').value--;
document.querySelector('#output').textContent = document.querySelector("#temp").value;
}
</script>
<form name="adder">
<input type="text" name="temp" id="temp" value="22" size="4" /><br />
<input type="button" value="+" onclick="plus()">
<input type="button" value="-" onclick="minus()">
<p>____________</p>
<span id="output"></span>
</form>