{"id":2275,"date":"2019-07-01T14:27:33","date_gmt":"2019-07-01T11:27:33","guid":{"rendered":"http:\/\/fatihsoysal.com\/blog\/?p=2275"},"modified":"2019-07-01T14:27:33","modified_gmt":"2019-07-01T11:27:33","slug":"localstorage-ile-sepet-mantigi-olusturmak-javascript","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/","title":{"rendered":"LocalStorage ile Sepet Mant\u0131\u011f\u0131 Olu\u015fturmak – Javascript"},"content":{"rendered":"

Merhaba, bu makalede\u00a0LocalStorage kullanarak basit bir sepet olu\u015fturma i\u015flemi yapaca\u011f\u0131z. B\u00f6ylece kullan\u0131c\u0131 sepet sayfas\u0131n\u0131 yeniledi\u011finde, veya ba\u015fka bir sayfaya giri\u015f yapt\u0131\u011f\u0131nda sepet verilerini sayfa istekleri aras\u0131nda kal\u0131c\u0131 tutmak i\u00e7in sepet verilerini localStorage’dan y\u00fckleyece\u011fiz.<\/p>\n

Bu, al\u0131\u015fveri\u015f sepetinin JavaScript dizisi olarak depoland\u0131\u011f\u0131 tek sayfal\u0131 bir uygulamad\u0131r. Dilerseniz sepeti include dosyas\u0131 haline getirerek t\u00fcm sayfalarda kullanabilirsiniz.<\/p>\n

Peki neden localStorage kullanmak zorunday\u0131z?\u00a0Sepeti verilerini localStorage uygulamas\u0131nda saklamazsak, kullan\u0131c\u0131 her sayfa y\u00fcklendi\u011finde JavaScript dizisi kaybolor, sayfay\u0131 yeniledi\u011finde kullan\u0131c\u0131 sepet verilerini kaybeder. Dolay\u0131s\u0131yla sepet verilerini ge\u00e7ici bir depolama biriminde saklamal\u0131y\u0131z.<\/p>\n

Bir Sepeti nas\u0131l saklayaca\u011f\u0131m\u0131z\u0131 g\u00f6stermek ve sayfaya geri d\u00f6nd\u00fc\u011f\u00fcm\u00fczde onu geri y\u00fcklemek i\u00e7in HTML5’in JavaScript, jQuery ve localStorage \u00f6zelli\u011fini i\u00e7eren basit bir HTML sayfas\u0131 yapaca\u011f\u0131z.
\nLocalStorage, HTML5 taraf\u0131ndan Web Depolama kategorisi alt\u0131nda sa\u011flanan se\u00e7eneklerden biridir. Web Storage hakk\u0131nda daha bilgi i\u00e7in buraya t\u0131klayabilirsiniz<\/a>.<\/p>\n

Dilerseniz ba\u015flayal\u0131m.<\/p>\n

Local Storage i\u00e7erisinden sepeti y\u00fckleyelim<\/h2>\n

A\u015fa\u011f\u0131daki kod beti\u011fi, jQuery haz\u0131r oldu\u011funda, sepeti verilerinin yerel depodan nas\u0131l y\u00fcklenece\u011fini g\u00f6sterir.<\/p>\n

        var cart = [];  \r\n        $(function () {\r\n            if (localStorage.cart)\r\n            {\r\n                \/\/ local storage \u00fczerinden verileri alal\u0131m.\r\n                cart = JSON.parse(localStorage.cart);  \r\n                showCart();  \/\/ display cart that is loaded into cart array\r\n            }\r\n        });\r\n<\/pre>\n
Sepete ekleme i\u015flemi<\/h2>\n
A\u015fa\u011f\u0131daki kod, se\u00e7ili miktarla birlikte bir \u00fcr\u00fcn sepetinize ekler. Sepetinizdeki her \u00f6\u011fe, \u00f6zellik olarak Ad, Fiyat ve Miktar i\u00e7eren bir JavaScript nesnesidir.<\/p>\n
 function addToCart() {\r\n            var price = $(\"#products\").val();  \/\/ se\u00e7ilen \u00fcr\u00fcn\u00fcn fiyat\u0131n\u0131 d\u00f6nd\u00fcr\u00fcr.\r\n            var name = $(\"#products option:selected\").text();  \/\/ \u00fcr\u00fcn ad\u0131n\u0131 d\u00f6nd\u00fcr\u00fcr.\r\n            var qty = $(\"#qty\").val();  \/\/ \u00fcr\u00fcn miktar\u0131n\u0131 d\u00f6nd\u00fcr\u00fcr.\r\n\r\n            for (var i in cart) {\r\n                if(cart[i].Product == name)\r\n                {\r\n                    cart[i].Qty = qty;  \r\n                    showCart();\r\n                    saveCart();\r\n                    return;\r\n                }\r\n            }\r\n\r\n            var item = { Product: name,  Price: price, Qty: qty };\r\n            cart.push(item);\r\n            saveCart();\r\n            showCart();\r\n        }<\/pre>\n
Local Storage \u00fczerine kaydetme i\u015flemi<\/h2>\n
A\u015fa\u011f\u0131daki kod beti\u011fi, sepeti yerel depolama alan\u0131na kaydetmek i\u00e7in kullan\u0131l\u0131r. LocalStorage nesnesi taray\u0131c\u0131 \u00fczerinde bulunmazsa, taray\u0131c\u0131n\u0131z\u0131n Local Storage \u00f6zelli\u011fini desteklemedi\u011fi i\u00e7in i\u015flem yapmayacakt\u0131r.
\nJSON.stringify (object), bir JavaScript nesnesi dizisini (cart) localStorage \u00f6\u011fesine kaydedilmeden \u00f6nce JSON dizesine d\u00f6n\u00fc\u015ft\u00fcrmek i\u00e7in kullan\u0131l\u0131r.<\/p>\n
 function saveCart() {\r\n            if (window.localStorage)\r\n            {\r\n                localStorage.cart = JSON.stringify(cart);\r\n            }\r\n        }<\/pre>\n
Sepeti g\u00f6sterme i\u015flemi<\/h2>\n
A\u015fa\u011f\u0131daki kod beti\u011fi, sepet nesnesini bir tablo \u015feklinde g\u00f6r\u00fcnt\u00fcler. Ayn\u0131 zamanda kullan\u0131c\u0131n\u0131n Delete d\u00fc\u011fmesine t\u0131klayarak bir \u00f6\u011feyi silmesine izin verir.<\/p>\n
 function showCart() {\r\n            if (cart.length == 0) {\r\n                $(\"#cart\").css(\"visibility\", \"hidden\"); \r\n                return;\r\n            }\r\n\r\n            $(\"#cart\").css(\"visibility\", \"visible\");\r\n            $(\"#cartBody\").empty();  \r\n            for (var i in cart) {\r\n                var item = cart[i];\r\n                var row = \"<tr><td>\" + item.Product + \"<\/td><td>\" +\r\n                       item.Price + \"<\/td><td>\" + item.Qty + \"<\/td><td>\"\r\n                       + item.Qty * item.Price + \"<\/td><td>\"\r\n                       + \"<button onclick='deleteItem(\" + i + \")'>Delete<\/button><\/td><\/tr>\";\r\n                $(\"#cartBody\").append(row);\r\n            }\r\n        }<\/pre>\n
 <\/p>\n
Bonus: \u00d6rnek uygulama<\/h2>\n
A\u015fa\u011f\u0131daki uygulama yukar\u0131daki bilgilerle olu\u015fturdu\u011fumuz \u00f6rnek bir sepet uygulamas\u0131d\u0131r. Do\u011frudan al\u0131p kullanabilirsiniz. Sepete \u00fcr\u00fcn ekleme ve \u00fcr\u00fcn silme \u00f6zelliklerini kullanabilirsiniz.<\/p>\n
<!DOCTYPE html>\r\n<html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\r\n<head>\r\n    <title>Sepet Uygulamas\u0131<\/title>\r\n    <style>\r\n        td { text-align :center}\r\n    <\/style>\r\n    <script src=\"jquery-1.11.2.js\"><\/script>\r\n    <script>\r\n        var cart = [];\r\n        $(function () {\r\n            if (localStorage.cart)\r\n            {\r\n                cart = JSON.parse(localStorage.cart);\r\n                showCart();\r\n            }\r\n        });\r\n\r\n        function addToCart() {\r\n            var price = $(\"#products\").val();\r\n            var name = $(\"#products option:selected\").text();\r\n            var qty = $(\"#qty\").val();\r\n\r\n            for (var i in cart) {\r\n                if(cart[i].Product == name)\r\n                {\r\n                    cart[i].Qty = qty;\r\n                    showCart();\r\n                    saveCart();\r\n                    return;\r\n                }\r\n            }\r\n            var item = { Product: name,  Price: price, Qty: qty }; \r\n            cart.push(item);\r\n            saveCart();\r\n            showCart();\r\n        }\r\n\r\n        function deleteItem(index){\r\n            cart.splice(index,1);\r\n            showCart();\r\n            saveCart();\r\n        }\r\n\r\n        function saveCart() {\r\n            if ( window.localStorage)\r\n            {\r\n                localStorage.cart = JSON.stringify(cart);\r\n            }\r\n        }\r\n\r\n        function showCart() {\r\n            if (cart.length == 0) {\r\n                $(\"#cart\").css(\"visibility\", \"hidden\");\r\n                return;\r\n            }\r\n\r\n            $(\"#cart\").css(\"visibility\", \"visible\");\r\n            $(\"#cartBody\").empty();\r\n            for (var i in cart) {\r\n                var item = cart[i];\r\n                var row = \"<tr><td>\" + item.Product + \"<\/td><td>\" +\r\n                             item.Price + \"<\/td><td>\" + item.Qty + \"<\/td><td>\"\r\n                             + item.Qty * item.Price + \"<\/td><td>\"\r\n                             + \"<button onclick='deleteItem(\" + i + \")'>Delete<\/button><\/td><\/tr>\";\r\n                $(\"#cartBody\").append(row);\r\n            }\r\n        }\r\n    <\/script>\r\n<\/head>\r\n<body>\r\n    <h2>Sepet<\/h2>\r\n    \u00dcr\u00fcn Se\u00e7imi :\r\n    <select id=\"products\">\r\n        <option value=\"50000\">iPhone6<\/option>\r\n        <option value=\"60000\">iPhone6 Plus<\/option>\r\n        <option value=\"45000\">iPad Air 2<\/option>\r\n    <\/select>\r\n\r\n    Quantity\r\n    <input type=\"text\" id=\"qty\" size=\"3\" \/>\r\n    <p\/>\r\n    <button id=\"btnAdd\" onclick=\"addToCart()\" >Sepete Ekle<\/button>\r\n\r\n    <p><\/p>\r\n    <table id=\"cart\" border=\"1\" style=\"visibility:hidden; width:100%\">\r\n         <thead>\r\n              <tr>\r\n                  <th>\u00dcr\u00fcn<\/th>\r\n                  <th>Fiyat<\/th>\r\n                  <th>Adet<\/th>\r\n                  <th>Toplam<\/th>\r\n                  <th><\/th>\r\n             <\/tr>\r\n         <\/thead>\r\n         <tbody id=\"cartBody\">\r\n\r\n         <\/tbody>\r\n    <\/table>\r\n\r\n<\/body>\r\n<\/html><\/pre>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"Merhaba, bu makalede\u00a0LocalStorage kullanarak basit bir sepet olu\u015fturma i\u015flemi yapaca\u011f\u0131z. B\u00f6ylece kullan\u0131c\u0131 sepet sayfas\u0131n\u0131 yeniledi\u011finde, veya ba\u015fka bir…","protected":false},"author":1,"featured_media":2276,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[129],"tags":[719,718,722,720,721],"class_list":{"0":"post-2275","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-javascript","8":"tag-javascript-sepet","9":"tag-localstorage-cart","10":"tag-php-sepet-olusturma","11":"tag-sepet-mantigi","12":"tag-sepet-olusturma-js","13":"cs-entry","14":"cs-video-wrap"},"yoast_head":"\nLocalStorage ile Sepet Mant\u0131\u011f\u0131 Olu\u015fturmak - Javascript - Kodlar\u0131n Gizemli D\u00fcnyas\u0131<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"LocalStorage ile Sepet Mant\u0131\u011f\u0131 Olu\u015fturmak - Javascript\" \/>\n<meta property=\"og:description\" content=\"Merhaba, bu makalede\u00a0LocalStorage kullanarak basit bir sepet olu\u015fturma i\u015flemi yapaca\u011f\u0131z. B\u00f6ylece kullan\u0131c\u0131 sepet sayfas\u0131n\u0131 yeniledi\u011finde, veya ba\u015fka bir…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-01T11:27:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2019\/07\/ecommerce-development.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"873\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"LocalStorage ile Sepet Mant\u0131\u011f\u0131 Olu\u015fturmak – Javascript\",\"datePublished\":\"2019-07-01T11:27:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/\"},\"wordCount\":390,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"image\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2019\/07\/ecommerce-development.jpg\",\"keywords\":[\"javascript sepet\",\"LocalStorage cart\",\"php sepet olu\u015fturma\",\"sepet mant\u0131\u011f\u0131\",\"sepet olu\u015fturma js\"],\"articleSection\":[\"Javascript\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/#respond\"]}],\"copyrightYear\":\"2019\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/\",\"name\":\"LocalStorage ile Sepet Mant\u0131\u011f\u0131 Olu\u015fturmak - Javascript - Kodlar\u0131n Gizemli D\u00fcnyas\u0131\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2019\/07\/ecommerce-development.jpg\",\"datePublished\":\"2019-07-01T11:27:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/#primaryimage\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2019\/07\/ecommerce-development.jpg\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2019\/07\/ecommerce-development.jpg\",\"width\":2000,\"height\":873},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"LocalStorage ile Sepet Mant\u0131\u011f\u0131 Olu\u015fturmak – Javascript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"LocalStorage ile Sepet Mant\u0131\u011f\u0131 Olu\u015fturmak - Javascript - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/","og_locale":"tr_TR","og_type":"article","og_title":"LocalStorage ile Sepet Mant\u0131\u011f\u0131 Olu\u015fturmak - Javascript","og_description":"Merhaba, bu makalede\u00a0LocalStorage kullanarak basit bir sepet olu\u015fturma i\u015flemi yapaca\u011f\u0131z. B\u00f6ylece kullan\u0131c\u0131 sepet sayfas\u0131n\u0131 yeniledi\u011finde, veya ba\u015fka bir…","og_url":"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2019-07-01T11:27:33+00:00","og_image":[{"width":2000,"height":873,"url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2019\/07\/ecommerce-development.jpg","type":"image\/jpeg"}],"author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"5 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"LocalStorage ile Sepet Mant\u0131\u011f\u0131 Olu\u015fturmak – Javascript","datePublished":"2019-07-01T11:27:33+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/"},"wordCount":390,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"image":{"@id":"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2019\/07\/ecommerce-development.jpg","keywords":["javascript sepet","LocalStorage cart","php sepet olu\u015fturma","sepet mant\u0131\u011f\u0131","sepet olu\u015fturma js"],"articleSection":["Javascript"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/#respond"]}],"copyrightYear":"2019","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/","url":"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/","name":"LocalStorage ile Sepet Mant\u0131\u011f\u0131 Olu\u015fturmak - Javascript - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/#primaryimage"},"image":{"@id":"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2019\/07\/ecommerce-development.jpg","datePublished":"2019-07-01T11:27:33+00:00","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/#primaryimage","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2019\/07\/ecommerce-development.jpg","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2019\/07\/ecommerce-development.jpg","width":2000,"height":873},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/localstorage-ile-sepet-mantigi-olusturmak-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"LocalStorage ile Sepet Mant\u0131\u011f\u0131 Olu\u015fturmak – Javascript"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/2275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=2275"}],"version-history":[{"count":1,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/2275\/revisions"}],"predecessor-version":[{"id":2277,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/2275\/revisions\/2277"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media\/2276"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=2275"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=2275"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=2275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}