<head>
<title>庫存表
</title>
<style>
td{width:80px;}
</style>
<script>
window.onload=function
()
{
var
oa=document.getElementById("a");
var
ob=document.getElementById("b");
var
oc=document.getElementById("c");
var
od=document.getElementById("d");
oa.onclick=function
()
{
var
c=Number(oc.innerHTML);
var
b=Number(ob.value);
oc.innerHTML=b+c;
}
od.onclick=function
()
{
oc.innerHTML--;
}
}
</script>
</head>
<body>
<table
border="1">
<tr>
<td>加
庫存
</td>
<td>輸入
數字
</td>
<td>庫存數</td>
<td>庫存減壹</td>
</tr>
<tr>
<td><input
id="a"
type="button"
value="加庫存"
/></td>
<td
><input
id="b"
type="text"
value=0
style="text-
align:right"/></td>
<td
id="c">0</td>
<td><input
id="d"
type="button"
value="減壹"
/></td>
</tr>
</table>
</body>
</html>
這個意義不是很大
因為如果不用php+mysql,刷新網頁就會重新加載數據了