HTML简单购物数量小程序

2017-03-07 11:27:36 html
这篇文章主要为大家详细介绍了HTML简单购物数量小程序,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了HTML简单购物数量小程序,供大家参考,具体内容如下
<html>  
   <head>  
  
      <title>购物数量小程序</title>  
  
    <script>  
      function sub()   
      {          
  
        var a = buy.ans.value;   
            //alert(a);   
            a = parseInt(a);               
        a--;               
            if(a<0)   
             a = 0;   
            buy.ans.value = a;   
      }   
          function add()   
      {   
        var a = buy.ans.value;   
            a = parseInt(a);   
        a++;   
            buy.ans.value = a;   
      }   
        </script>  
  
   </head>  
  
   <body>  
     <form name="buy">  
    购买数量<input type="button"  value="-" onclick="sub()">  
            <input type="text" name="ans" value="1">  
            <input type="button"  value="+" onclick="add()">  
  
     </form>  
    </body>  
</html>  

上面就是这篇文章的全部内容,希望对大家的学习和工作有所帮助