1

我正在建立一个订购站点,以便在将商品添加到购物篮时将其存储在 sessionStorage 中。然后将其调用并显示在表格中供客户查看。目前我正在存储我的信息并显示一个表格,但所有值都未定义。谁能帮我看看有什么问题我相信它是我的 toTable 函数,但我不确定如何。这是我到目前为止的代码。任何帮助将不胜感激,因为我仍在学习如何充分使用 Javascript。

HTML 调用

var basket = sessionStorage.bask;
    if(basket){
        basket=JSON.parse(basket);
        if(_.size(basket)) content = toTable(basket);

Javascript 函数

function Basket(){
    var css = 'input#size[name="toy"]:checked';
    var input = document.querySelector(css);    
    var size = input.value==='1'?'small':'large';
    var price = Number(input.getAttribute('data-price'));
    var orderline = [this.name,size,price];
    addToBasket(orderline);
    document.getElementById("content").innerHTML="order" + sessionStorage.bask;

    }

    function addToBasket(item){
        var basket=sessionStorage.bask;
        if(basket){
        basket=JSON.parse(basket);
    }else{
        basket=new Object();
    }
        var name = nextName(basket);
        basket[name]=item;
        sessionStorage.bask=JSON.stringify(basket,null,'\t');
      }

    function toTable(basket){
         var count = 0;
         var str = '<table id="basket" border="1" cellspacing="5" cellpadding="5">';
    for (var key in basket){
             str+= '<tr id="body" class="">';
             str+= '<td>'+basket[key].size+'</td>';
             str+= '<td>'+basket[key].name+'</td>';
             str+= '<td>&pound;'+basket[key].price+'</td></tr>';
         }

         str+= '<tr><td colspan="3"> Total Price&pound;'+getPrice(basket).toFixed(2)+'</td></tr>';
         return str+'<table/>';
     }
4

0 回答 0