javacript 面向对象编程(模拟购物车)

 js代码

<script type="text/javascript">

          var bookarray=new Array();
          var count =0;
          function Book(bookName){
             this.bookName=bookName;
          }
          Book.prototype.getBookName=function(){
            return this.bookName;
          }
          function ShopCart(arg){
           this.book=arg;
          }
          ShopCart.prototype.say=function(count){
             bookarray[count]=this.book.getBookName();
          }
          ShopCart.prototype.write=function(){
            var name="";
            for(var i=0;i<bookarray.length;i++){
              var name=name+bookarray[i]+"\n";
            }
            alert("你已经购买的书籍是:\n"+name +"\n"+"总共购买"+count+"本");
            }

            function buy(bookid){
               var bookobj=document.getElementById(bookid);
               var name=bookobj.innerHTML;
               var shopCart=new ShopCart(new Book(name));
               shopCart.say(count);
               count=count+1;
               shopCart.write();
            }

       </script>


html代码

<body>
         <table borde="1">
              <tr><td><p id="book1">Javascript 应用经典案例</p></td><td>中国人民出版社</td><td><input type="button" value="购买" onClick="buy('book1')"/></td><</tr>
              <tr><td><p id="book2">java 编程思想</p></td><td>中国电力出版社</td><td><input type="button" value="购买" onClick="buy('book2')"/></td><</tr>
         </table>
   
 </body>

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值