HTML简单购物数量小程序

网页制作 发布日期：2024/12/26 浏览次数：1

正在浏览：HTML简单购物数量小程序

本文实例为大家分享了HTML简单购物数量小程序，供大家参考，具体内容如下

XML/HTML Code复制内容到剪贴板
  1. <html>  
  2.    <head>  
  3.   
  4.       <title>购物数量小程序</title>  
  5.   
  6.     <script>  
  7.       function sub()   
  8.       {          
  9.   
  10.         var a = buy.ans.value;   
  11.             //alert(a);   
  12.             a = parseInt(a);               
  13.         a--;               
  14.             if(a<0)   
  15.              a = 0;   
  16.             buy.ans.value = a;   
  17.       }   
  18.           function add()   
  19.       {   
  20.         var a = buy.ans.value;   
  21.             a = parseInt(a);   
  22.         a++;   
  23.             buy.ans.value = a;   
  24.       }   
  25.         </script>  
  26.   
  27.    </head>  
  28.   
  29.    <body>  
  30.      <form name="buy">  
  31.     购买数量<input type="button"  value="-" onclick="sub()">  
  32.             <input type="text" name="ans" value="1">  
  33.             <input type="button"  value="+" onclick="add()">  
  34.   
  35.      </form>  
  36.     </body>  
  37. </html>  
  38.   

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：多种实例解析HTML表单form的使用方法
下一篇：HTML绘制用户注册页面

一句话新闻

高通与谷歌联手！首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布，推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中，全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前，搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世，有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示，此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。