7

このプロジェクトを完了するために何をすればよいかわかりません。HTML ページを 1 つだけ使用するショッピング カートを作成する必要があります。何が販売されているかを示すテーブルをセットアップしましたが、どこで迷っているかは JavaScript です。

「カートに追加」ボタンを、カートに追加するために必要なすべてのデータ (名前、説明、価格) にリンクする方法がわかりません。カートから削除できる必要はありませんが、合計を表示する必要があります。いくつかの答えをオンラインで検索した後、いくつかのことを試しましたが、それを理解できません。

私はこの時点で完全に迷っており、一般的に JavaScript を初めて使用するため、どんな助けも大歓迎です。

これは jsFiddle ですが、メモ帳 ++ で実行した場合とは動作が異なるため、少し混乱しました。

jsFiddle: http://jsfiddle.net/renavi/ATjvt/5/

function AddtoCart() {
  console.log('hi');
  var x = document.getElementById('Items');
  var new_row = x.rows[1].cloneNode(true);
  var len = x.rows.length;
  new_row.cells[0].innerHTML = len;
  var inp1 = new_row.cells[1].getElementsByTagName('input')[0];
  inp1.id += len;
  inp1.value = '';
  var inp2 = new_row.cells[2].getElementsByTagName('input')[0];
  inp2.id += len;
  inp2.value = '';
  x.appendChild(new_row);
}

ダイレクトファイルはこちら

ペーストビン: http://pastebin.com/sutGWjSY

4

4 に答える 4

9

simpleCartを使用するだけです

これは、現在の Web サイトに簡単に統合できる、無料でオープンソースの JavaScriptショッピング カートです。

完全なソース コードはgithubで入手できます。

于 2013-04-30T06:58:39.890 に答える