Add/Subtract Click Function

Can anyone modify this code to [Add by left clicking the number], and [Subtract by right clicking the number]?

This would get rid of the + and - buttons.

I can't figure out how to do it.

**[DEMO][1]**

**HTML**

<input id="txtNumber" type=text" value="55" style="width:30px" />
<input id="btnAdd" type="button" value="+" onclick="add();" />
<input id="btnSubtract" type="button" value="-" onclick="subtract();" />

**Javascript**

function add()
{
var txtNumber = document.getElementById("txtNumber");
var newNumber = parseInt(txtNumber.value) + 1;
txtNumber.value = newNumber;
}

function subtract()
{
var txtNumber = document.getElementById("txtNumber");
var newNumber = parseInt(txtNumber.value) - 1;
txtNumber.value = newNumber;
}


[1]:

[To see links please register here]

This is a good way to do it:

[To see links please register here]

**HTML**

<input id="txtNumber" type=text" value="55"
style="width:30px" onclick="javascript:add()"
oncontextmenu="javascript:subtract(event)" />

**Javascript**

function add()
{
var txtNumber = document.getElementById("txtNumber");
var newNumber = parseInt(txtNumber.value) + 1;
txtNumber.value = newNumber;
}

function subtract(e)
{
e.preventDefault();
var txtNumber = document.getElementById("txtNumber");
var newNumber = parseInt(txtNumber.value) - 1;
txtNumber.value = newNumber;
return false;
}

If you just set `add()` to run on click and `subtract()` to run on right click (when the context menu would come up), you can capture the click types you want. Then just pass in `event` to `subtract()` and stop it from doing what it would normally do, i.e. bring up the context menu.