JavaScript 淘寶購物件數的選擇
阿新 • • 發佈:2018-12-13
實現一個簡易的淘寶購物件數量的選擇演算法,通過滑鼠點選“+”、“-”按鈕對數量增加或減少1,限購9件,最大增加到數字9,最小減少到0.
程式碼如下:
<!DOCTYPE html>
<html>
<head>
<script LANGUAGE="JavaScript" type="text/javascript">
function addnum()
{
var num = document.getElementById("res").value;
num = parseInt(num) + 1;
if ( num>9)
{
alert("已經是最大夠件數!");
}
else
{
document.getElementById("res").value = num;
}
}
function decnum()
{
var num = document.getElementById("res").value;
num = parseInt(num) - 1;
if (num<0)
{
alert("已經是最小夠件數!");
}
else
{
document.getElementById ("res").value = num;
}
}
</script>
</head>
<body>
<form id="myform" >
<p>數量</p>
<input type="button" id="dec" value="-" onclick="decnum()">
<input type="text" value="0" id="res">
<input type="button" id="add" value="+" onclick="addnum()">
<p>限購9件</p>
</form>
</body>
</html>
程式結果如下:
最大夠件數:
最小夠件數: