ขอถามอะไรหน่อยครับ ถ้าผมอยากจะทำ ปุ่มกด + ช่องเพิ่มในนี้จะทำยังไงอะครับ

<tr>
                     <td><div align="center">
                       <input name="item18" type="text" class="textb11" id="item18" size="7" />
                     </div></td>
                     <td height="25"><div align="center">
                       <input name="desc18" type="text" id="desc18" size="55" maxlength="42" >
                     </div></td>
                     <td><div align="center">
                       <input name="quantity18" type="text" class="textb11" id="quantity18" size="20" onkeyup="calAmount18()"  />
                     </div></td>
                     <td><div align="center">
                       <input name="unit172" type="text" class="textb11" id="unit172" size="7" />
                     </div></td>
                     <td><div align="center">
                         <input name="unit_price18" type="text" class="textb11" id="unit_price18" size="8" onkeyup="calAmount18()"  />
                     </div></td>
                     <td><div align="center">
                       <input name="amount18" type="text" class="textb11" id="amount18" size="20" onblur="calTotal()" value="0"  />
                     </div></td>
                   </tr>

function  calAmount18(){
var quan18=document.form1.quantity18.value;
var nup18=document.form1.unit_price18.value;
var amo18=0;
if(quan18.length > 0 && nup18.length > 0){
	//alert(startMile);
    amo18=parseFloat(quan18)*parseFloat(nup18);
}
document.form1.amount18.value=amo18;