1. 程式人生 > >JavaScript 淘寶購物件數的選擇

JavaScript 淘寶購物件數的選擇

實現一個簡易的淘寶購物件數量的選擇演算法,通過滑鼠點選“+”、“-”按鈕對數量增加或減少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>

程式結果如下:

最大夠件數:
在這裡插入圖片描述
在這裡插入圖片描述
最小夠件數:
在這裡插入圖片描述