Advertisement
Guest User

Untitled

a guest
Mar 20th, 2019
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.97 KB | None | 0 0
  1. var cart = {}; //моя корзина
  2.  
  3. $('document').ready(function(){
  4. loadGoods();
  5. checkCart();
  6. //showMiniCart();
  7. });
  8.  
  9. function loadGoods() {
  10. //загружаю товары на страницу
  11. $.getJSON('goods.json', function (data) {
  12. //console.log(data);
  13. var out = '';
  14.  
  15. for (var key in data){
  16.  
  17. switch(data[key]) {
  18. case "1501":
  19. out+='<a id="econom">'+'</a>';
  20. out+='<br/>';
  21.  
  22. break;
  23.  
  24. case "1505":
  25. out+='<a id="diet">'+'</a>';
  26. out+='<br/>';
  27. break;
  28.  
  29. case "1508":
  30. out+='<a id="cold">'+'</a>';
  31. out+='<br/>';
  32. break;
  33. default:
  34. out+='';
  35. break;
  36. }
  37.  
  38. out+='<div class="single">';
  39. out+='<h3 >'+data[key]['name']+'</h3>'+'<br/>';
  40. out+='<img height="150" src="'+data[key].image+'">';
  41. out+='<p class="info">'+data[key]['type']+'<br/>'+'<b>'+"цена: "+'</b>'+data[key]['cost']+'p'+'<br/>'+'<b>'+"вес: "+'</b>' +data[key]['weight']+"г"+'</p>';
  42. out+='<button class="add-to-cart" data-art="'+key+'"><b>Добавить в корзину</b></button>';
  43. out+='</div>';
  44. }
  45.  
  46. $('#goods').html(out);
  47. $('button.add-to-cart').on('click', addToCart);
  48. });
  49. }
  50.  
  51. function addToCart() {
  52. //добавляем товар в корзину
  53. var articul = $(this).attr('data-art');
  54. if (cart[articul]!= undefined) {
  55. cart[articul]++;
  56. }
  57. else {
  58. cart[articul] = 1;
  59. }
  60. localStorage.setItem('cart', JSON.stringify(cart) );
  61. //console.log(cart);
  62. // showMiniCart();
  63. }
  64.  
  65. function checkCart(){
  66. //проверяю наличие корзины в localStorage;
  67. if ( localStorage.getItem('cart') != undefined) {
  68. cart = JSON.parse (localStorage.getItem('cart'));
  69. }
  70. }
  71.  
  72. function showMiniCart(){
  73. //показываю содержимое корзины
  74. var out ='';
  75. for (var w in cart){
  76. out += w + ' --- '+cart[w]+'<br>';
  77. }
  78. $('#mini-cart').html(out);
  79. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement