JavaScript實現(xiàn)淘寶購物件數(shù)選擇
更新時間：2022年08月03日 08:26:03 作者：YaJeanZhang_
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)淘寶購物件數(shù)的選擇，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了JavaScript實現(xiàn)淘寶購物件數(shù)選擇的具體代碼，供大家參考，具體內(nèi)容如下
實現(xiàn)一個簡易的淘寶購物件數(shù)量的選擇算法，通過鼠標點擊“+”、“-”按鈕對數(shù)量增加或減少1，限購9件，最大增加到數(shù)字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("已經(jīng)是最大夠件數(shù)！");
?? ??? ??? ?}
?? ??? ??? ?else
?? ??? ??? ?{
?? ??? ??? ??? ?document.getElementById("res").value = num;
?? ??? ??? ?}
?? ??? ?}
?? ??? ?function decnum()
?? ??? ?{
?? ??? ??? ?var num = document.getElementById("res").value;
?? ??? ??? ?num = parseInt(num) - 1;
?? ??? ??? ?if (num<0)?
?? ??? ??? ?{
?? ??? ??? ??? ?alert("已經(jīng)是最小夠件數(shù)！");
?? ??? ??? ?}
?? ??? ??? ?else
?? ??? ??? ?{
?? ??? ??? ??? ?document.getElementById("res").value = num;
?? ??? ??? ?}
?? ??? ?}
?? ?</script>
</head>
<body>
?? ?<form id="myform" >
?? ??? ?<p>數(shù)量</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>程序結(jié)果如下：
最大夠件數(shù)：
最小夠件數(shù)：
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了JS實現(xiàn)處理時間，年月日，星期的公共方法,結(jié)合實例形式分析了javascript日期時間的轉(zhuǎn)換、運算相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
身份證號碼前六位所代表的省,市,區(qū), 以及地區(qū)編碼下載
身份證號碼前六位所代表的省,市,區(qū), 以及地區(qū)編碼下載...2007-04-04
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)九宮格翻牌動畫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
前天去面試遇到的一道題，面試的問題大概是當test.increase被調(diào)用時，test和test2的count值分別是多少2011-03-03
本文主要講解了JavaScript閉包和回調(diào),閉包的概念和特性,結(jié)合實例分析了使用步驟與方法2017-08-08
JavaScript 實現(xiàn)同時選取多個時間段的方法
這篇文章主要介紹了JavaScript 實現(xiàn)同時選取多個時間段的方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
JavaScript版DateAdd和DateDiff函數(shù)代碼
VBScript中有兩個非常好用的日期操作函數(shù)：DateAdd用來給日期添加指定時間間隔，DateDiff用來返回兩個日期的時間間隔。可惜的是JavaScript沒有，不過我們可以寫一個函數(shù)來實現(xiàn)，一樣的，呵呵2012-03-03
BOOTSTRAP時間控件顯示在模態(tài)框下面的bug修復(fù)
這篇文章主要介紹了BOOTSTRAP時間控件顯示在模態(tài)框下面的bug修復(fù),需要的朋友可以參考下2015-02-02
這篇文章主要為大家詳細介紹了javaScript實現(xiàn)滾動條事件的相關(guān)資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
JavaScript實現(xiàn)的in_array函數(shù)
這篇文章主要介紹了JavaScript實現(xiàn)的in_array函數(shù),用于判斷一個值是否在數(shù)組中,類似PHP的in_array函數(shù),需要的朋友可以參考下2014-08-08