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

来源:互联网 发布:自己淘宝店铺的链接 编辑:程序博客网 时间:2024/06/09 04:55

 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>