{"id":31455,"date":"2023-07-08T17:31:27","date_gmt":"2023-07-08T13:01:27","guid":{"rendered":"https:\/\/wpadmin.maktabkhooneh.org\/mag\/?p=31455"},"modified":"2026-04-26T12:17:09","modified_gmt":"2026-04-26T08:47:09","slug":"localstorage-in-javascript","status":"publish","type":"post","link":"https:\/\/maktabkhooneh.org\/mag\/localstorage-in-javascript\/","title":{"rendered":"\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u062c\u0627\u0645\u0639 localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a"},"content":{"rendered":"\n<p>\u0627\u0632 \u062f\u0633\u062a \u062f\u0627\u062f\u0646 \u06cc\u0627 \u067e\u0627\u06a9 \u0634\u062f\u0646 \u062a\u0645\u0627\u0645 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u062f\u0631 \u06cc\u06a9 \u0641\u0631\u0645 \u067e\u0631 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0633\u06cc\u0627\u0631 \u062e\u0633\u062a\u0647 \u06a9\u0646\u0646\u062f\u0647 \u0628\u0627\u0634\u062f\u060c \u0628\u0647\u200c\u062e\u0635\u0648\u0635 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0628\u0647\u200c\u0637\u0648\u0631 \u062a\u0635\u0627\u062f\u0641\u06cc \u0635\u0641\u062d\u0647 \u0648\u0628 \u0631\u0627 \u0628\u0628\u0646\u062f\u06cc\u062f\u061b \u0627\u0645\u0627 \u062c\u0627\u06cc \u0646\u06af\u0631\u0627\u0646\u06cc \u0646\u06cc\u0633\u062a\u060c \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0637\u0644\u0628 \u0627\u0632 \u0645\u062c\u0644\u0647 \u0645\u06a9\u062a\u0648\u0628\u060c \u0631\u0627\u0647\u200c\u062d\u0644\u06cc \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc \u0630\u062e\u06cc\u0631\u0647 \u200c\u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u06cc\u0627 localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u0686\u0646\u062f\u06cc\u0646 \u062c\u0644\u0633\u0647 \u0645\u0631\u0648\u0631 \u062d\u0641\u0638 \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0637\u0644\u0628 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0642\u062f\u0631\u062a \u0648\u06cc\u0698\u06af\u06cc Window.localStorage\u060c \u0628\u0647 \u067e\u06cc\u0686 \u06cc\u062f\u06af\u06cc\u200c\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0648\u0628 \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u06cc\u0645 \u0648 \u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u0624\u062b\u0631 \u0627\u0632 \u0627\u06cc\u0646 \u0645\u06a9\u0627\u0646\u06cc\u0633\u0645 \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u06cc\u0645. \u067e\u0633 \u062a\u0627 \u0622\u062e\u0631 \u0627\u06cc\u0646 \u0645\u0637\u0644\u0628 \u0645\u0627 \u0631\u0627 \u0647\u0645\u0631\u0627\u0647\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0686\u06cc\u0633\u062a\u061f<\/h2>\n\n\n\n<p>localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0646\u0648\u0639\u06cc \u0648\u06cc\u0698\u06af\u06cc \u0627\u0631\u0632\u0634\u0645\u0646\u062f \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0648 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u062c\u0641\u062a\u200c\u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f-\u0645\u0642\u062f\u0627\u0631 \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0645\u0631\u0648\u0631\u06af\u0631 \u0648\u0628 \u0628\u0647\u200c\u0637\u0648\u0631 \u0646\u0627\u0645\u062d\u062f\u0648\u062f \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u0646\u062f. \u0628\u0631\u062e\u0644\u0627\u0641 \u0633\u0627\u06cc\u0631 \u06af\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647\u200c\u0633\u0627\u0632\u06cc\u060c \u0644\u0648\u06a9\u0627\u0644 \u0627\u0633\u062a\u0648\u0631\u06cc\u062c \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0627\u0631\u06cc\u062e \u0627\u0646\u0642\u0636\u0627 \u0646\u062f\u0627\u0631\u062f \u0648 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647\u200c\u0634\u062f\u0647 \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0628\u0627\u0642\u06cc \u0645\u06cc\u200c\u0645\u0627\u0646\u0646\u062f \u062d\u062a\u06cc \u0627\u06af\u0631 \u06a9\u0627\u0631\u0628\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u0631\u0627 \u0628\u0628\u0646\u062f\u062f \u06cc\u0627 \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631 \u062e\u0648\u062f \u0631\u0627 \u0645\u062c\u062f\u062f\u0627\u064b \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u062f.<\/p>\n\n\n\n<p>\u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0648\u06cc\u0698\u06af\u06cc \u0634\u06cc\u200c\u0621 \u067e\u0646\u062c\u0631\u0647\u060c localStorage \u0646\u0648\u0639\u06cc \u062f\u0627\u0645\u0646\u0647 \u0633\u0631\u0627\u0633\u0631\u06cc \u062f\u0627\u0631\u062f \u0648 \u0628\u0647 \u0622\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u0628\u0647\u200c\u0637\u0648\u0631 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0628\u0627 \u067e\u0646\u062c\u0631\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u062a\u0639\u0627\u0645\u0644 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f \u0648 \u0622\u0646 \u0631\u0627 \u062f\u0633\u062a\u200c\u06a9\u0627\u0631\u06cc \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0647\u0645\u0647\u200c\u06a9\u0627\u0631\u0647 \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0627 \u0633\u0627\u06cc\u0631 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u0648 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u067e\u0646\u062c\u0631\u0647 \u062a\u0631\u06a9\u06cc\u0628 \u0634\u0648\u062f \u062a\u0627 \u0639\u0645\u0644\u06a9\u0631\u062f \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0648\u0628 \u0631\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 \u062f\u0647\u062f. \u0628\u0627 localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647\u200c\u0633\u0627\u0632\u06cc \u062f\u0627\u0626\u0645\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u0646\u062f \u06a9\u0647 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0636\u0631\u0648\u0631\u06cc \u0631\u0627 \u062f\u0631 \u0637\u0648\u0644 \u062c\u0644\u0633\u0627\u062a \u0645\u0631\u0648\u0631 \u062d\u0641\u0638 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0648 \u0631\u0627\u062d\u062a \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/p>\n\n\n<div class=\"jet-listing-grid--50192\" style=\"\"><style><\/style><section class=\"zht-related-post\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/Article\" role=\"region\"\n  aria-label=\"Related article\">\n  <div class=\"zht-related-post-section-label\">\n    \u0645\u0637\u0627\u0644\u0628 \u0645\u0631\u062a\u0628\u0637\n  <\/div>\n  <img decoding=\"async\" width=\"300\" height=\"164\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/Javascript_11zon-300x164.jpg.webp\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"let \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/Javascript_11zon-300x164.jpg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/Javascript_11zon-768x419.jpg.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/07\/Javascript_11zon.jpg 863w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/164;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/let-in-javascript\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">\u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc let \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627\u06cc \u0622\u0646<\/a>\n<\/section><\/div>\n\n\n<h3 class=\"wp-block-heading\">Window.localStorage \u0686\u06cc\u0633\u062a\u061f<\/h3>\n\n\n\n<p>Window.localStorage \u0628\u0647 \u0645\u06a9\u0627\u0646\u06cc\u0632\u0645 \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u062a\u0648\u0633\u0637 \u0631\u0627\u0628\u0637 Window \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0634\u0627\u0631\u0647 \u062f\u0627\u0631\u062f. \u0627\u06cc\u0646 \u0631\u0627\u0628\u0637 \u067e\u0646\u062c\u0631\u0647\u200c\u0627\u06cc \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u062d\u0627\u0648\u06cc \u06cc\u06a9 \u0633\u0646\u062f DOM \u0627\u0633\u062a. \u062f\u0631 \u0631\u0627\u0628\u0637 Window\u060c \u062a\u0648\u0627\u0628\u0639\u060c \u0633\u0627\u0632\u0646\u062f\u0647\u200c\u0647\u0627\u060c \u0627\u0634\u06cc\u0627\u0621 \u0648 \u0641\u0636\u0627\u0647\u0627\u06cc \u0646\u0627\u0645 \u0645\u062e\u062a\u0644\u0641\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0647\u0633\u062a\u0646\u062f \u062a\u0627 \u0627\u0632 \u0622\u0646\u200c\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u0646\u062f.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" width=\"502\" height=\"187\" src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/07\/iq3NP.jpg\" alt=\"Window.localStorage \u0686\u06cc\u0633\u062a\" class=\"wp-image-31462\" title=\"\" srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/07\/iq3NP.jpg 502w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/iq3NP-300x112.jpg.webp 300w\" sizes=\"(max-width: 502px) 100vw, 502px\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<p>\u0628\u0647\u200c\u0637\u0648\u0631 \u062e\u0627\u0635\u060c Window.localStorage \u06cc\u06a9 \u0648\u06cc\u0698\u06af\u06cc \u0641\u0642\u0637 \u062e\u0648\u0627\u0646\u062f\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0634\u06cc\u200c\u0621 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0645\u06cc\u200c\u062f\u0647\u062f. \u0627\u06cc\u0646 \u0634\u06cc\u200c\u0621 \u0645\u0633\u0626\u0648\u0644 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647\u200c\u0637\u0648\u0631 \u0627\u0646\u062d\u0635\u0627\u0631\u06cc \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0645\u0628\u062f\u0627\u06cc\u06cc \u0628\u0648\u062f\u0647 \u06a9\u0647 \u0622\u0646 \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a. \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Window.localStorage\u060c \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0628\u0647\u200c\u0637\u0648\u0631 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0628\u0627 \u0627\u06cc\u0646 \u0634\u06cc\u200c\u0621 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc \u062a\u0639\u0627\u0645\u0644 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f \u0648 \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u062f\u0633\u062a\u200c\u06a9\u0627\u0631\u06cc \u06a9\u0646\u0646\u062f \u0648 \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u0642\u0627\u062f\u0631 \u0645\u06cc\u200c\u0633\u0627\u0632\u062f \u062a\u0627 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0631\u0627 \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u0645\u062d\u062f\u0648\u062f\u0647 \u06cc\u06a9 \u062c\u0644\u0633\u0647 \u0645\u0631\u0648\u0631 \u0648\u0627\u062d\u062f \u0630\u062e\u06cc\u0631\u0647 \u0648 \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u06a9\u0646\u0646\u062f. Window.localStorage \u062f\u0631 \u0627\u0635\u0644 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u067e\u0627\u06cc\u062f\u0627\u0631 \u0648 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0639\u0645\u0644\u06a9\u0631\u062f \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0648\u0628 \u0639\u0645\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u0686\u0647 \u0632\u0645\u0627\u0646\u06cc \u0628\u0627\u06cc\u062f \u0627\u0632 localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f<\/h3>\n\n\n\n<p>localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0628\u0632\u0627\u0631\u06cc \u0645\u0641\u06cc\u062f \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0648 \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u062f\u0631 \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u06cc \u062e\u0627\u0635 \u0645\u062d\u0633\u0648\u0628 \u0645\u06cc\u200c\u0634\u0648\u062f. \u062f\u0631\u062d\u0627\u0644\u06cc\u200c\u06a9\u0647 \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0645\u0642\u0627\u062f\u06cc\u0631 \u06a9\u0645 \u062f\u0627\u062f\u0647 \u0645\u0646\u0627\u0633\u0628 \u0627\u0633\u062a\u060c \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u062d\u062c\u0645 \u0632\u06cc\u0627\u062f\u06cc \u0627\u0632 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062a\u0648\u0635\u06cc\u0647 \u0646\u0645\u06cc\u200c\u0634\u0648\u062f. \u0645\u0647\u0645 \u0627\u0633\u062a \u06a9\u0647 \u062a\u0648\u062c\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u06a9\u0647 localStorage \u0628\u0631\u0627\u06cc \u0647\u0631\u06a9\u0633\u06cc \u06a9\u0647 \u0627\u0632 \u062f\u0633\u062a\u06af\u0627\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0627\u0633\u062a\u060c \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0646\u0628\u0627\u06cc\u062f \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u062d\u0633\u0627\u0633 \u06cc\u0627 \u0645\u062d\u0631\u0645\u0627\u0646\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u0648\u062f.<\/p>\n\n\n\n<p>\u06cc\u06a9\u06cc \u0627\u0632 \u0645\u0648\u0627\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0631\u0627\u06cc\u062c \u0628\u0631\u0627\u06cc localStorage\u060c \u0630\u062e\u06cc\u0631\u0647 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0628\u0631\u06af\u0632\u06cc\u062f\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0645\u0627\u0646\u0646\u062f \u0627\u0646\u062a\u062e\u0627\u0628 \u0632\u0628\u0627\u0646 \u06cc\u0627 \u062a\u0631\u062c\u06cc\u062d\u0627\u062a \u062a\u0645 \u0627\u0633\u062a. \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u062d\u0644 \u0630\u062e\u06cc\u0631\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc\u060c \u0627\u06cc\u0646 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0628\u0631\u06af\u0632\u06cc\u062f\u0647 \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u062f\u0631 \u0637\u0648\u0644 \u062c\u0644\u0633\u0627\u062a \u0645\u0631\u0648\u0631 \u062d\u0641\u0638 \u06a9\u0631\u062f \u0648 \u062a\u062c\u0631\u0628\u0647\u200c\u0627\u06cc \u0634\u062e\u0635\u06cc\u200c\u0633\u0627\u0632\u06cc \u0634\u062f\u0647 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0641\u0631\u0627\u0647\u0645 \u06a9\u0631\u062f.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"576\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/Javascript-Localstorage-1024x576.png.webp\" alt=\"\u0622\u0645\u0648\u0632\u0634 localStorage\" class=\"wp-image-31463 lazyload\" title=\"\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/Javascript-Localstorage-1024x576.png.webp 1024w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/Javascript-Localstorage-300x169.png.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/Javascript-Localstorage-768x432.png.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/Javascript-Localstorage-1536x864.png.webp 1536w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/07\/Javascript-Localstorage.png 1920w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/576;\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<p>\u0633\u0646\u0627\u0631\u06cc\u0648\u06cc \u062f\u06cc\u06af\u0631\u06cc \u06a9\u0647 \u062f\u0631 \u0622\u0646 LocalStorage \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0633\u0648\u062f\u0645\u0646\u062f \u0628\u0627\u0634\u062f\u060c \u0630\u062e\u06cc\u0631\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u067e\u0631\u06a9\u0627\u0631\u0628\u0631\u062f \u062f\u0631 \u062d\u0627\u0641\u0638\u0647 \u067e\u0646\u0647\u0627\u0646 \u0627\u0633\u062a. \u0628\u0627 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0647\u200c\u0637\u0648\u0631 \u0645\u06a9\u0631\u0631 \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0647\u0633\u062a\u0646\u062f \u062f\u0631 localStorage\u060c \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u0628\u0639\u062f\u06cc \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u0648 \u06a9\u0627\u0631\u0622\u0645\u062f\u062a\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f \u06a9\u0644\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0645\u06cc\u200c\u0628\u062e\u0634\u062f.<\/p>\n\n\n\n<p>localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0647\u0645\u0686\u0646\u06cc\u0646 \u0647\u0646\u06af\u0627\u0645 \u0628\u0631\u062e\u0648\u0631\u062f \u0628\u0627 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0641\u0631\u0645 \u0645\u0641\u06cc\u062f \u0627\u0633\u062a. \u0627\u06cc\u0646 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0641\u0631\u0645 \u0648\u0627\u0631\u062f \u0634\u062f\u0647 \u0631\u0627 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0631\u062f\u0647 \u0648 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0627\u06af\u0631 \u06a9\u0627\u0631\u0628\u0631 \u0628\u0647\u200c\u0637\u0648\u0631 \u062a\u0635\u0627\u062f\u0641\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u0631\u0627 \u0628\u0628\u0646\u062f\u062f \u0627\u0632 \u0628\u06cc\u0646 \u0646\u0645\u06cc\u200c\u0631\u0648\u062f. \u0627\u06cc\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u0628\u0633\u06cc\u0627\u0631 \u0628\u0647\u0628\u0648\u062f \u0628\u0628\u062e\u0634\u062f. \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a \u06a9\u0627\u0631\u0628\u0631 \u062f\u0627\u0631\u0646\u062f\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0627\u0632 localStorage \u06cc\u0627 \u0647\u0645\u0627\u0646 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u062c\u0644\u0633\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f. \u0627\u06cc\u0646 \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062d\u062a\u06cc \u067e\u0633 \u0627\u0632 \u0628\u0633\u062a\u0647 \u0634\u062f\u0646 \u0648 \u0628\u0627\u0632 \u06a9\u0631\u062f\u0646 \u0645\u062c\u062f\u062f \u0645\u0631\u0648\u0631\u06af\u0631\u060c \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0648\u0627\u0631\u062f \u0633\u06cc\u0633\u062a\u0645 \u0634\u0648\u0646\u062f \u0648 \u0631\u0648\u0646\u062f \u0648\u0631\u0648\u062f \u0631\u0627 \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u06a9\u0631\u062f\u0647 \u0648 \u0631\u0627\u062d\u062a\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0628\u062e\u0634\u062f.<\/p>\n\n\n\n<p>\u0628\u0647\u200c\u0637\u0648\u0631 \u062e\u0644\u0627\u0635\u0647\u060c localStorage \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0627\u0631\u0632\u0634\u0645\u0646\u062f \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0648 \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u062f\u0631 \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0639\u0645\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u062f\u0631 \u0646\u0638\u0631 \u06af\u0631\u0641\u062a\u0646 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a\u200c\u0647\u0627\u06cc \u0622\u0646\u060c \u0645\u0627\u0646\u0646\u062f \u0627\u0646\u062f\u0627\u0632\u0647 \u062f\u0627\u062f\u0647 \u0648 \u0646\u06af\u0631\u0627\u0646\u06cc\u200c\u0647\u0627\u06cc \u0627\u0645\u0646\u06cc\u062a\u06cc \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u0646\u0627\u0633\u0628 \u0627\u0632 \u0622\u0646 \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0631\u0632\u0647\u0627 \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a.<\/p>\n\n\n<div class=\"jet-listing-grid--50192\" style=\"\"><section class=\"zht-related-post\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/Article\" role=\"region\"\n  aria-label=\"Related article\">\n  <div class=\"zht-related-post-section-label\">\n    \u0645\u0637\u0627\u0644\u0628 \u0645\u0631\u062a\u0628\u0637\n  <\/div>\n  <img decoding=\"async\" width=\"300\" height=\"200\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/coderpad-blogpost-sinnerhtml-1026x684-1-300x200.png.webp\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"innerHTML \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/coderpad-blogpost-sinnerhtml-1026x684-1-300x200.png.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/coderpad-blogpost-sinnerhtml-1026x684-1-1024x683.png.webp 1024w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/coderpad-blogpost-sinnerhtml-1026x684-1-768x512.png.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/07\/coderpad-blogpost-sinnerhtml-1026x684-1.png 1026w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/200;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/innerhtml-in-javascript\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">\u0645\u0639\u0631\u0641\u06cc \u0648\u06cc\u0698\u06af\u06cc innerHTML \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 \u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646<\/a>\n<\/section><\/div>\n\n\n<h3 class=\"wp-block-heading\">localStorage \u06a9\u062c\u0627 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u061f<\/h3>\n\n\n\n<p>\u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0633\u062a\u0647 \u0628\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0648\u0628 \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u062a\u0641\u0627\u0648\u062a \u0627\u0633\u062a. \u062f\u0631 \u0645\u0648\u0631\u062f Google Chrome\u060c \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0648\u0628 \u062f\u0631 \u06cc\u06a9 \u0641\u0627\u06cc\u0644 SQLite \u062f\u0631 \u06cc\u06a9 \u0632\u06cc\u0631 \u067e\u0648\u0634\u0647 \u062e\u0627\u0635 \u06a9\u0647 \u062f\u0631 \u0641\u0647\u0631\u0633\u062a \u067e\u0631\u0648\u0641\u0627\u06cc\u0644 \u06a9\u0627\u0631\u0628\u0631 \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u062f\u060c \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u062f\u0631 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0648\u06cc\u0646\u062f\u0648\u0632\u060c \u0627\u06cc\u0646 \u0632\u06cc\u0631\u067e\u0648\u0634\u0647 \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u062f\u0631 \\AppData\\Local\\Google\\Chrome\\User Data\\Default\\Local Storage \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f\u060c \u062f\u0631\u062d\u0627\u0644\u06cc\u200c\u06a9\u0647 \u062f\u0631 macOS \u062f\u0631 ~\/Library\/Application Support\/Google\/Chrome\/Default\/Local Storage \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u062f. \u062f\u0631 \u0641\u0627\u06cc\u0631\u0641\u0627\u06a9\u0633\u060c \u0627\u0634\u06cc\u0627\u0621 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u062f\u0631 \u06cc\u06a9 \u0641\u0627\u06cc\u0644 SQLite \u0628\u0647 \u0646\u0627\u0645 webappsstore.sqlite \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f \u06a9\u0647 \u062f\u0631 \u067e\u0648\u0634\u0647 \u067e\u0631\u0648\u0641\u0627\u06cc\u0644 \u06a9\u0627\u0631\u0628\u0631 \u0646\u06cc\u0632 \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u062f.<\/p>\n\n\n\n<p>\u062a\u0648\u062c\u0647 \u0628\u0647 \u0627\u06cc\u0646 \u0646\u06a9\u062a\u0647 \u0645\u0647\u0645 \u0627\u0633\u062a \u06a9\u0647 \u0645\u06a9\u0627\u0646\u200c\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u062f\u0642\u06cc\u0642 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u062f\u0631 \u0646\u0633\u062e\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0645\u0631\u0648\u0631\u06af\u0631 \u06cc\u0627 \u0633\u06cc\u0633\u062a\u0645\u200c\u0639\u0627\u0645\u0644\u200c\u0647\u0627 \u0645\u062a\u0641\u0627\u0648\u062a \u0628\u0627\u0634\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u062f\u0631\u06a9 \u0645\u062d\u0644 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647\u200c\u0637\u0648\u0631 \u06a9\u0644\u06cc \u0628\u0647 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0648 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u0627\u06cc\u0646 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0631\u0627 \u067e\u06cc\u062f\u0627 \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u0646\u062f.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Web Storage API \u0686\u06cc\u0633\u062a\u061f<\/h2>\n\n\n\n<p>Web Storage API \u0634\u0627\u0645\u0644 \u062f\u0648 \u0645\u06a9\u0627\u0646\u06cc\u0633\u0645 \u0627\u0633\u062a: localStorage \u0648 sessionStorage \u06a9\u0647 \u0647\u0631 \u062f\u0648 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u0631\u0627 \u0642\u0627\u062f\u0631 \u0645\u06cc\u200c\u0633\u0627\u0632\u0646\u062f \u062c\u0641\u062a\u200c\u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f-\u0645\u0642\u062f\u0627\u0631 \u0631\u0627 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u0646\u062f. \u0627\u06cc\u0646 API \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0628\u0635\u0631\u06cc\u200c\u062a\u0631\u06cc \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06a9\u0648\u06a9\u06cc\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/p>\n\n\n\n<p>\u062c\u0641\u062a\u200c\u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f-\u0645\u0642\u062f\u0627\u0631 \u0630\u062e\u06cc\u0631\u0647 \u0634\u062f\u0647 \u062f\u0631 Web Storage API \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0627\u0634\u06cc\u0627\u0621 \u0630\u062e\u06cc\u0631\u0647 \u0634\u0646\u0627\u062e\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f. \u0627\u06cc\u0646 \u0627\u0634\u06cc\u0627\u0621 \u0645\u0634\u0627\u0628\u0647 \u0627\u0634\u06cc\u0627\u0621 \u0645\u0639\u0645\u0648\u0644\u06cc \u0639\u0645\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u060c \u0627\u0645\u0627 \u062f\u0631 \u0637\u0648\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0635\u0641\u062d\u0647 \u0628\u0627\u0642\u06cc \u0645\u06cc\u200c\u0645\u0627\u0646\u0646\u062f \u0648 \u0647\u0645\u06cc\u0634\u0647 \u0628\u0647 \u0635\u0648\u0631\u062a \u0631\u0634\u062a\u0647 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f. \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0646\u062d\u0648 \u0634\u06cc\u0621 \u0645\u0627\u0646\u0646\u062f \u06cc\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u062a\u062f getItem() \u0627\u0646\u062c\u0627\u0645 \u062f\u0627\u062f \u06a9\u0647 \u062f\u0631 \u0627\u062f\u0627\u0645\u0647 \u0628\u0647 \u0622\u0646 \u062e\u0648\u0627\u0647\u06cc\u0645 \u067e\u0631\u062f\u0627\u062e\u062a.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u062a\u0641\u0627\u0648\u062a \u0628\u06cc\u0646 sessionStorage \u0648 localStorage \u0686\u06cc\u0633\u062a\u061f<\/h3>\n\n\n\n<p>\u062a\u0645\u0627\u06cc\u0632 \u0627\u0648\u0644\u06cc\u0647 \u0628\u06cc\u0646 sessionStorage \u0648 localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0645\u0627\u0646\u062f\u06af\u0627\u0631\u06cc \u0622\u0646\u200c\u0647\u0627 \u0627\u0633\u062a. sessionStorage \u0646\u0648\u0639\u06cc \u0645\u06a9\u0627\u0646 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u062e\u0627\u0635 \u0628\u0631\u0627\u06cc \u0647\u0631 \u0645\u0628\u062f\u0623 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0645\u062f\u062a \u062c\u0644\u0633\u0647 \u0635\u0641\u062d\u0647 \u062d\u0641\u0638 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0628\u062f\u0627\u0646 \u0645\u0639\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0634\u062f\u0647 \u062f\u0631 sessionStorage \u062a\u0627 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0628\u0627\u0632\u0628\u0645\u0627\u0646\u062f\u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0645\u062c\u062f\u062f \u06cc\u0627 \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u0635\u0641\u062d\u0647\u060c \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f. \u0627\u0632 \u0633\u0648\u06cc \u062f\u06cc\u06af\u0631\u060c localStorage \u062d\u062a\u06cc \u067e\u0633 \u0627\u0632 \u0628\u0633\u062a\u0647 \u0634\u062f\u0646 \u0645\u0631\u0648\u0631\u06af\u0631 \u0628\u0647 \u0630\u062e\u06cc\u0631\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0627\u062f\u0627\u0645\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u0648 \u0630\u062e\u06cc\u0631\u0647\u200c\u0633\u0627\u0632\u06cc \u062f\u0627\u0626\u0645\u06cc \u0628\u06cc\u0634 \u0627\u0632 \u06cc\u06a9 \u062c\u0644\u0633\u0647 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n\n\n\n<p>\u0634\u0627\u06cc\u0627\u0646 \u0630\u06a9\u0631 \u0627\u0633\u062a \u06a9\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0631 \u06cc\u06a9 \u062c\u0644\u0633\u0647 \u0645\u0631\u0648\u0631 \u0646\u0627\u0634\u0646\u0627\u0633 \u067e\u0633 \u0627\u0632 \u0628\u0633\u062a\u0647 \u0634\u062f\u0646 \u0622\u062e\u0631\u06cc\u0646 \u0628\u0631\u06af\u0647 \u062e\u0635\u0648\u0635\u06cc \u067e\u0627\u06a9 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f. \u0627\u06cc\u0646 \u0627\u0645\u0631 \u062d\u0631\u06cc\u0645 \u062e\u0635\u0648\u0635\u06cc \u0648 \u0627\u0645\u0646\u06cc\u062a \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u062f\u0631 \u0686\u0646\u06cc\u0646 \u0632\u0645\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc\u06cc \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n\n\n\n<p>\u0628\u0647\u200c\u0637\u0648\u0631 \u062e\u0644\u0627\u0635\u0647\u060c localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0627\u06cc\u062f \u062f\u0631 \u0686\u0646\u062f\u06cc\u0646 \u062c\u0644\u0633\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0628\u0627\u0642\u06cc \u0628\u0645\u0627\u0646\u0646\u062f \u0627\u06cc\u062f\u0647\u200c\u0622\u0644 \u0627\u0633\u062a\u060c \u062f\u0631\u062d\u0627\u0644\u06cc\u200c\u06a9\u0647 sessionStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0641\u0642\u0637 \u062f\u0631 \u06cc\u06a9 \u062c\u0644\u0633\u0647 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0647\u0633\u062a\u0646\u062f \u0645\u0646\u0627\u0633\u0628 \u0627\u0633\u062a. \u0628\u0627 \u062f\u0631\u06a9 \u0627\u06cc\u0646 \u062a\u0645\u0627\u06cc\u0632\u0627\u062a\u060c \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0645\u06a9\u0627\u0646\u06cc\u0633\u0645 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0645\u0646\u0627\u0633\u0628 \u0631\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u062e\u0627\u0635 \u062e\u0648\u062f \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u0646\u062f.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/h2>\n\n\n\n<p>localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0645\u0647\u0645 \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0633\u0645\u062a \u0645\u0634\u062a\u0631\u06cc \u0627\u0633\u062a. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0686\u0646\u062f\u06cc\u0646 \u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 \u062f\u0627\u0631\u062f \u06a9\u0647 \u0628\u0627\u06cc\u062f \u062f\u0631 \u0646\u0638\u0631 \u0628\u06af\u06cc\u0631\u06cc\u0645 \u06a9\u0647 \u062f\u0631 \u0627\u062f\u0627\u0645\u0647 \u0627\u06cc\u0646 \u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 \u0628\u0647 \u0635\u0648\u0631\u062a \u06a9\u0627\u0645\u0644 \u0628\u0631\u0631\u0633\u06cc \u0634\u062f\u0647\u200c\u0627\u0646\u062f.<\/p>\n\n\n<div class=\"jet-listing-grid--50192\" style=\"\"><section class=\"zht-related-post\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/Article\" role=\"region\"\n  aria-label=\"Related article\">\n  <div class=\"zht-related-post-section-label\">\n    \u0645\u0637\u0627\u0644\u0628 \u0645\u0631\u062a\u0628\u0637\n  <\/div>\n  <img decoding=\"async\" width=\"300\" height=\"201\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/javascript-functions_11zon-300x201.jpg.webp\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"Function \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/javascript-functions_11zon-300x201.jpg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/javascript-functions_11zon-1024x686.jpg.webp 1024w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/javascript-functions_11zon-768x515.jpg.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/07\/javascript-functions_11zon.jpg 1200w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/201;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/functions-in-javascript\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">Function \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a &#8211; \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u062c\u0627\u0645\u0639<\/a>\n<\/section><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u0645\u0632\u0627\u06cc\u0627\u06cc localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/h3>\n\n\n\n<p>\u06cc\u06a9\u06cc \u0627\u0632 \u0645\u0632\u0627\u06cc\u0627\u06cc \u0642\u0627\u0628\u0644 \u062a\u0648\u062c\u0647 LocalStorage \u0645\u0627\u0646\u062f\u06af\u0627\u0631\u06cc \u062f\u0627\u062f\u0647 \u0622\u0646 \u0627\u0633\u062a. \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0634\u062f\u0647 \u062f\u0627\u0631\u0627\u06cc \u062a\u0627\u0631\u06cc\u062e \u0627\u0646\u0642\u0636\u0627 \u0646\u06cc\u0633\u062a\u0646\u062f \u0648 \u0627\u0645\u06a9\u0627\u0646 \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0631\u0627 \u062d\u062a\u06cc \u062f\u0631 \u062d\u0627\u0644\u062a \u0622\u0641\u0644\u0627\u06cc\u0646 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u0627\u06cc\u0646\u060c localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u06a9\u0634 \u0639\u0645\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0627\u0645\u06a9\u0627\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u06a9\u0634 \u0634\u062f\u0647 \u0631\u0627 \u0628\u062f\u0648\u0646 \u0627\u062a\u0635\u0627\u0644 \u0628\u0647 \u0627\u06cc\u0646\u062a\u0631\u0646\u062a \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" width=\"720\" height=\"350\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/07\/localstorage.png\" alt=\"localstorage \u062f\u0631 Javascript\" class=\"wp-image-31469 lazyload\" title=\"\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/07\/localstorage.png 720w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/localstorage-300x146.png.webp 300w\" data-sizes=\"(max-width: 720px) 100vw, 720px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 720px; --smush-placeholder-aspect-ratio: 720\/350;\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<p>\u062f\u0631 \u0645\u0642\u0627\u06cc\u0633\u0647 \u0628\u0627 \u0630\u062e\u06cc\u0631\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0628\u0627 \u06a9\u0648\u06a9\u06cc\u200c\u0647\u0627\u060c \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0645\u0646\u06cc\u062a \u0648 \u06a9\u0646\u062a\u0631\u0644 \u0628\u06cc\u0634\u062a\u0631\u06cc \u0628\u0631 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f. \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0633\u0637\u062d \u0628\u0627\u0644\u0627\u062a\u0631\u06cc \u0627\u0632 \u06a9\u0646\u062a\u0631\u0644 \u0628\u0631 \u0631\u0648\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0634\u062f\u0647 \u062f\u0627\u0631\u0646\u062f \u0648 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0622\u0646 \u0631\u0627 \u0628\u0647\u200c\u0637\u0648\u0631 \u0645\u0648\u062b\u0642\u200c\u062a\u0631\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u0646\u062f.<\/p>\n\n\n\n<p>LocalStorage \u0647\u0645\u0686\u0646\u06cc\u0646 \u0638\u0631\u0641\u06cc\u062a \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0628\u06cc\u0634\u062a\u0631\u06cc \u0646\u0633\u0628\u062a \u0628\u0647 \u06a9\u0648\u06a9\u06cc\u200c\u0647\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u062f\u0631\u062d\u0627\u0644\u06cc\u200c\u06a9\u0647 \u06a9\u0648\u06a9\u06cc\u200c\u0647\u0627 \u0628\u0647 \u0630\u062e\u06cc\u0631\u0647 \u0686\u0647\u0627\u0631 \u06a9\u06cc\u0644\u0648\u0628\u0627\u06cc\u062a \u062f\u0627\u062f\u0647 \u0645\u062d\u062f\u0648\u062f \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\u060c LocalStorage \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u062a\u0627 \u067e\u0646\u062c \u0645\u06af\u0627\u0628\u0627\u06cc\u062a \u062f\u0627\u062f\u0647 \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0631\u062f\u0647 \u0648 \u0627\u0645\u06a9\u0627\u0646 \u0630\u062e\u06cc\u0631\u0647\u200c\u0633\u0627\u0632\u06cc \u062d\u062c\u0645 \u0628\u06cc\u0634\u062a\u0631\u06cc \u0627\u0632 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u06a9\u0646\u062f.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u0645\u0639\u0627\u06cc\u0628 localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/h3>\n\n\n\n<p>\u06cc\u06a9\u06cc \u0627\u0632 \u0645\u0639\u0627\u06cc\u0628 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u0627\u0647\u06cc\u062a \u0647\u0645\u200c\u0632\u0645\u0627\u0646 \u0622\u0646 \u0627\u0633\u062a. \u0647\u0631 \u0639\u0645\u0644\u06cc\u0627\u062a \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u062a\u0648\u0627\u0644\u06cc \u0627\u062c\u0631\u0627 \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u062f\u0631 \u0647\u0646\u06af\u0627\u0645 \u0628\u0631\u062e\u0648\u0631\u062f \u0628\u0627 \u0645\u062c\u0645\u0648\u0639\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0628\u0632\u0631\u06af \u0628\u0647 \u06cc\u06a9 \u0645\u0634\u06a9\u0644 \u0639\u0645\u0644\u06a9\u0631\u062f \u062a\u0628\u062f\u06cc\u0644 \u0634\u0648\u062f. \u062f\u0631\u062d\u0627\u0644\u06cc\u200c\u06a9\u0647 \u0627\u06cc\u0646 \u0645\u0634\u06a9\u0644\u06cc \u0628\u0627 \u0645\u0642\u0627\u062f\u06cc\u0631 \u06a9\u0645 \u062f\u0627\u062f\u0647 \u0646\u06cc\u0633\u062a\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0627\u0646\u062f\u0627\u0632\u0647 \u062f\u0627\u062f\u0647 \u0628\u0631 \u0639\u0645\u0644\u06a9\u0631\u062f \u062a\u0623\u062b\u06cc\u0631 \u0628\u06af\u0630\u0627\u0631\u062f.<\/p>\n\n\n\n<p>\u0628\u0627 \u0648\u062c\u0648\u062f \u0627\u0645\u0646\u200c\u062a\u0631 \u0628\u0648\u062f\u0646 \u0627\u0632 \u06a9\u0648\u06a9\u06cc\u200c\u0647\u0627\u060c \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u062d\u0633\u0627\u0633 \u0647\u0646\u0648\u0632 \u0646\u0628\u0627\u06cc\u062f \u062f\u0631 \u0645\u062d\u0644\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0634\u0648\u0646\u062f. \u0627\u0632 \u0622\u0646\u062c\u0627\u06cc\u06cc \u06a9\u0647 localStorage \u0628\u0631\u0627\u06cc \u0647\u0631\u06a9\u0633\u06cc \u06a9\u0647 \u0628\u0647 \u062f\u0633\u062a\u06af\u0627\u0647 \u06a9\u0627\u0631\u0628\u0631 \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0631\u062f \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f\u060c \u0645\u0647\u0645 \u0627\u0633\u062a \u06a9\u0647 \u0627\u0632 \u0630\u062e\u06cc\u0631\u0647 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062d\u0633\u0627\u0633 \u06cc\u0627 \u0645\u062d\u0631\u0645\u0627\u0646\u0647 \u062e\u0648\u062f\u062f\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n\n\n\n<p>\u06cc\u06a9\u06cc \u062f\u06cc\u06af\u0631 \u0627\u0632 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a\u200c\u0647\u0627\u06cc LocalStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0648\u0627\u0646\u0627\u06cc\u06cc \u0622\u0646 \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0631\u0634\u062a\u0647\u200c\u0647\u0627 \u0627\u0633\u062a. \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0627\u0646\u0648\u0627\u0639 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631\u060c \u0645\u0627\u0646\u0646\u062f \u0627\u0639\u062f\u0627\u062f \u06cc\u0627 \u0627\u0634\u06cc\u0627\u0621\u060c \u0628\u0627\u06cc\u062f \u0642\u0628\u0644 \u0627\u0632 \u0630\u062e\u06cc\u0631\u0647\u200c\u0633\u0627\u0632\u06cc \u0628\u0647 \u0631\u0634\u062a\u0647\u200c\u0647\u0627 \u062a\u0628\u062f\u06cc\u0644 \u0634\u0648\u0646\u062f \u0648 \u067e\u0633 \u0627\u0632 \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u062f\u0648\u0628\u0627\u0631\u0647 \u062a\u0628\u062f\u06cc\u0644 \u0634\u0648\u0646\u062f. \u0630\u062e\u06cc\u0631\u0647 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u062f\u0627\u062f\u0647 \u062f\u0631 \u0645\u062d\u0644 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0645\u0646\u062c\u0631 \u0628\u0647 \u06a9\u0627\u0647\u0634 \u0639\u0645\u0644\u06a9\u0631\u062f \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627 \u0634\u0648\u062f. \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0642\u06cc\u0642 \u0645\u0642\u062f\u0627\u0631 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0634\u062f\u0647 \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u0637\u0644\u0648\u0628 \u0628\u0631\u0646\u0627\u0645\u0647 \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a.<\/p>\n\n\n<div class=\"jet-listing-grid--56206\" style=\"\"><div class=\"jet-listing-dynamic-field-block zht-maktab-khooneh-learn cb-ud1ng69u\"data-is-block=\"jet-engine\/dynamic-field\"><div class=\"jet-listing-dynamic-field__content\" >\r\n<div class=\"zht-learn-card\">\r\n    <div class=\"zht-learn-title-section\">\r\n        <div class=\"zht-learn-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"24\" height=\"24\">\r\n                <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\" \/>\r\n            <\/svg>\r\n        <\/div>\r\n        \r\n        <!-- \u0639\u0646\u0648\u0627\u0646 \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f\u0647 \u0628\u0647 \u0644\u06cc\u0646\u06a9 -->\r\n        <a href=\"https:\/\/maktabkhooneh.org\/learn\/java-script\/\" class=\"zht-learn-card-title\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            \u062f\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a        <\/a>\r\n    <\/div>\r\n\r\n    <!-- \u062f\u06a9\u0645\u0647 \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f\u0647 \u0628\u0647 \u062a\u06af button -->\r\n    <!-- \u0627\u0632 onclick \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u062f\u0647 \u062a\u0627 \u0628\u0647 \u0645\u062d\u0636 \u06a9\u0644\u06cc\u06a9 \u0644\u06cc\u0646\u06a9 \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u062f -->\r\n    <button class=\"zht-learn-card-btn\" data-course-url=\"https:\/\/maktabkhooneh.org\/learn\/java-script\/\" onclick=\"window.open(this.getAttribute('data-course-url'), '_blank');\">\r\n        \u0634\u0631\u0648\u0639 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc\r\n    <\/button>\r\n<\/div><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0686\u06af\u0648\u0646\u0647 \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f\u061f<\/h2>\n\n\n\n<p>localStorage \u0628\u0627 \u0627\u062c\u0627\u0632\u0647 \u062f\u0627\u062f\u0646 \u0628\u0647 \u0630\u062e\u06cc\u0631\u0647 \u0648 \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0639\u0645\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u062f\u0631 \u0648\u0627\u0642\u0639 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0686\u0646\u062f\u06cc\u0646 \u0645\u062a\u062f \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0627\u06cc\u0646 \u0639\u0645\u0644\u06cc\u0627\u062a \u0631\u0627 \u062a\u0633\u0647\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0646\u06af\u0627\u0647\u06cc \u062f\u0642\u06cc\u0642\u200c\u062a\u0631 \u0628\u0647 \u0646\u062d\u0648\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f localStorage \u0628\u06cc\u0646\u062f\u0627\u0632\u06cc\u0645:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>setItem()\u200e<\/strong>: \u0627\u06cc\u0646 \u0645\u062a\u062f \u0628\u0631\u0627\u06cc \u0627\u0641\u0632\u0648\u062f\u0646 \u06cc\u06a9 \u062c\u0641\u062a \u06a9\u0644\u06cc\u062f-\u0645\u0642\u062f\u0627\u0631 \u0628\u0647 localStorage \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0628\u0627 \u062a\u0639\u06cc\u06cc\u0646 \u06cc\u06a9 \u06a9\u0644\u06cc\u062f \u0648 \u0645\u0642\u062f\u0627\u0631 \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0622\u0646\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u0628\u0639\u062f\u06cc \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u06cc\u062f. \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0628\u0627 \u06a9\u0644\u06cc\u062f \u0645\u0634\u062e\u0635 \u0634\u062f\u0647 \u0645\u0631\u062a\u0628\u0637 \u0634\u062f\u0647 \u0648 \u062f\u0631 localStorage \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/li>\n\n\n\n<li><strong>getItem()\u200e<\/strong>: \u0628\u0631\u0627\u06cc \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u0622\u06cc\u062a\u0645\u200c\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0634\u062f\u0647 \u0627\u0632 localStorage\u060c \u0627\u0632 \u0645\u062a\u062f getItem()\u200e \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f. \u0628\u0627 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0644\u06cc\u062f \u0622\u06cc\u062a\u0645 \u0645\u0648\u0631\u062f\u0646\u0638\u0631 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0622\u0631\u06af\u0648\u0645\u0627\u0646\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647 \u0645\u0642\u062f\u0627\u0631 \u0645\u0631\u0628\u0648\u0637\u0647 \u0630\u062e\u06cc\u0631\u0647 \u0634\u062f\u0647 \u062f\u0631 localStorage \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f. \u0627\u06cc\u0646 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u0647\u0631 \u0632\u0645\u0627\u0646 \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0648\u062f\u060c \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0634\u062f\u0647 \u0642\u0628\u0644\u06cc \u0631\u0627 \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u06a9\u0646\u06cc\u062f.<\/li>\n\n\n\n<li><strong>removeItem()\u200e<\/strong>: \u0627\u06af\u0631 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0622\u06cc\u062a\u0645 \u062e\u0627\u0635\u06cc \u0631\u0627 \u0627\u0632 localStorage \u062d\u0630\u0641 \u06a9\u0646\u06cc\u062f\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0645\u062a\u062f removeItem()\u200e \u0628\u0647\u0631\u0647 \u0628\u0628\u0631\u06cc\u062f. \u0628\u0627 \u0645\u0634\u062e\u0635 \u06a9\u0631\u062f\u0646 \u06a9\u0644\u06cc\u062f \u0645\u0648\u0631\u062f\u06cc \u06a9\u0647 \u0642\u0631\u0627\u0631 \u0627\u0633\u062a \u062d\u0630\u0641 \u0634\u0648\u062f\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0622\u0646 \u0631\u0627 \u0627\u0632 \u0630\u062e\u06cc\u0631\u0647\u200c\u0633\u0627\u0632\u06cc localStorage \u062d\u0630\u0641 \u06a9\u0646\u06cc\u062f.<\/li>\n\n\n\n<li><strong>clear()\u200e<\/strong>: \u0645\u062a\u062f clear()\u200e \u0631\u0627\u0647\u06cc \u0628\u0631\u0627\u06cc \u062d\u0630\u0641 \u0647\u0645\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0634\u062f\u0647 \u062f\u0631 localStorage \u0628\u0647 \u06cc\u06a9\u200c\u0628\u0627\u0631\u0647 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0628\u0627 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0627\u06cc\u0646 \u0645\u062a\u062f\u060c \u06a9\u0644 LocalStorage \u067e\u0627\u06a9 \u0634\u062f\u0647 \u0648 \u062a\u0645\u0627\u0645 \u062c\u0641\u062a\u200c\u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f-\u0645\u0642\u062f\u0627\u0631 \u062d\u0630\u0641 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u062d\u0627\u0644\u062a \u062e\u0627\u0644\u06cc \u0628\u0631\u0645\u06cc\u200c\u06af\u0631\u062f\u0627\u0646\u062f.<\/li>\n\n\n\n<li><strong>key()\u200c<\/strong>\u200e: \u0645\u062a\u062f key()\u200e \u0628\u0631\u0627\u06cc \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u06a9\u0644\u06cc\u062f \u06cc\u06a9 \u0622\u06cc\u062a\u0645 \u062e\u0627\u0635 \u062f\u0631 localStorage \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0628\u0627 \u0627\u0631\u0633\u0627\u0644 \u06cc\u06a9 \u0634\u0627\u062e\u0635 \u0639\u062f\u062f\u06cc \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0622\u0631\u06af\u0648\u0645\u0627\u0646\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u06a9\u0644\u06cc\u062f \u0645\u0631\u062a\u0628\u0637 \u0628\u0627 \u0634\u0627\u062e\u0635 \u0645\u0631\u0628\u0648\u0637\u0647 \u0631\u0627 \u062f\u0631 localStorage \u0628\u0647 \u062f\u0633\u062a \u0622\u0648\u0631\u06cc\u062f. \u0627\u06cc\u0646 \u0645\u062a\u062f \u0632\u0645\u0627\u0646\u06cc \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0645\u0641\u06cc\u062f \u0628\u0627\u0634\u062f \u06a9\u0647 \u0634\u0645\u0627 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u06a9\u0644\u06cc\u062f \u06cc\u06a9 \u0622\u06cc\u062a\u0645 \u062e\u0627\u0635 \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u200c\u06a9\u0627\u0631\u06cc \u0628\u06cc\u0634\u062a\u0631 \u062f\u0627\u0631\u06cc\u062f.<\/li>\n<\/ol>\n\n\n\n<p>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0645\u062a\u062f\u0647\u0627\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647\u200c\u0637\u0648\u0631 \u0645\u0624\u062b\u0631 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0631\u0627 \u062f\u0631 \u0641\u0636\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647\u200c\u0633\u0627\u0632\u06cc localStorage \u0630\u062e\u06cc\u0631\u0647\u060c \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc\u060c \u062d\u0630\u0641 \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u06cc\u062f. \u062f\u0631\u06a9 \u0646\u062d\u0648\u0647 \u06a9\u0627\u0631 \u0627\u06cc\u0646 \u0645\u062a\u062f\u0647\u0627 \u0628\u0647 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u0627\u0632 LocalStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0648\u0628 \u06a9\u0627\u0631\u0622\u0645\u062f \u0648 \u067e\u0648\u06cc\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u0646\u062f.<\/p>\n\n\n<div class=\"jet-listing-grid--50192\" style=\"\"><section class=\"zht-related-post\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/Article\" role=\"region\"\n  aria-label=\"Related article\">\n  <div class=\"zht-related-post-section-label\">\n    \u0645\u0637\u0627\u0644\u0628 \u0645\u0631\u062a\u0628\u0637\n  <\/div>\n  <img decoding=\"async\" width=\"300\" height=\"180\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/06\/5f9c9e57740569d1a4ca3c94_11zon-300x180.jpg.webp\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"\u0645\u062a\u062f bind \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/06\/5f9c9e57740569d1a4ca3c94_11zon-300x180.jpg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/06\/5f9c9e57740569d1a4ca3c94_11zon-768x461.jpg.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/06\/5f9c9e57740569d1a4ca3c94_11zon.jpg 1000w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/180;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/bind-in-javascript\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">\u0622\u0645\u0648\u0632\u0634 \u0645\u062a\u062f bind \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647<\/a>\n<\/section><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u0630\u062e\u06cc\u0631\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0628\u0627 setItem<\/h3>\n\n\n\n<p>\u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0645\u0642\u0627\u062f\u06cc\u0631 \u062f\u0631 localStorage \u0627\u0632 \u0645\u062a\u062f setItem()\u200e \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u062f\u0648 \u067e\u0627\u0631\u0627\u0645\u062a\u0631 \u0631\u0627 \u0645\u06cc\u200c\u067e\u0630\u06cc\u0631\u062f: \u06cc\u06a9 \u06a9\u0644\u06cc\u062f \u0648 \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631. \u06a9\u0644\u06cc\u062f \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u0631\u062c\u0639\u06cc \u0628\u0631\u0627\u06cc \u0648\u0627\u06a9\u0634\u06cc \u0645\u0642\u062f\u0627\u0631 \u0645\u0631\u062a\u0628\u0637 \u0628\u0639\u062f\u0627\u064b \u0639\u0645\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0646\u0645\u0648\u0646\u0647\u200c\u0627\u06cc \u0627\u0632 \u06a9\u0627\u0631\u0628\u0631\u062f \u0622\u0646 \u0622\u0648\u0631\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>localStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">setItem<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'name'<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">'Obaseki Nosa'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<p>\u062f\u0631 \u06a9\u062f \u0628\u0627\u0644\u0627\u060c \u00abname\u00bb \u06a9\u0644\u06cc\u062f \u0648 \u00abObaseki Nosa\u00bb \u0645\u0642\u062f\u0627\u0631 \u0645\u0631\u0628\u0648\u0637\u0647 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f. \u0645\u0647\u0645 \u0627\u0633\u062a \u06a9\u0647 \u062a\u0648\u062c\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u06a9\u0647 localStorage \u0641\u0642\u0637 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0631\u0634\u062a\u0647\u200c\u0647\u0627 \u0631\u0627 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u062f\u061b \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646\u060c \u0627\u06af\u0631 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0630\u062e\u06cc\u0631\u0647 \u0622\u0631\u0627\u06cc\u0647 \u06cc\u0627 \u0627\u0634\u06cc\u0627\u0621 \u062f\u0627\u0631\u06cc\u062f\u060c \u0628\u0627\u06cc\u062f \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0631\u0634\u062a\u0647 \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0646\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0631\u0633\u06cc\u062f\u0646 \u0628\u0647 \u0627\u06cc\u0646 \u0647\u062f\u0641\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0642\u0628\u0644 \u0627\u0632 \u0627\u0631\u0633\u0627\u0644 \u0645\u0642\u062f\u0627\u0631 \u0628\u0647 setItem()\u200e \u0627\u0632 \u0645\u062a\u062f JSON.stringify \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9 \u0645\u062b\u0627\u0644 \u0622\u0648\u0631\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token keyword\">const<\/span> userArray <span class=\"token operator\">=<\/span> <span class=\"token punctuation\">&#91;<\/span><span class=\"token string\">\"Obaseki\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f2\u06f5<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">;<\/span>\n\nlocalStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">setItem<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'user'<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token constant\">JSON<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">stringify<\/span><span class=\"token punctuation\">(<\/span>userArray<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0642\u0637\u0639\u0647 \u06a9\u062f\u060c \u06a9\u0644\u06cc\u062f &#8216;user&#8217; \u0628\u0627 userArray \u0645\u0631\u062a\u0628\u0637 \u0627\u0633\u062a. \u0642\u0628\u0644 \u0627\u0632 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc\u060c userArray \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 JSON.stringify()\u200e \u0628\u0647 \u0631\u0634\u062a\u0647 \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u06cc\u0646 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0622\u0631\u0627\u06cc\u0647 \u0628\u0647 \u062f\u0631\u0633\u062a\u06cc \u062f\u0631 localStorage \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 setItem()\u200e\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647\u200c\u0637\u0648\u0631 \u0645\u0624\u062b\u0631 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0631\u0627 \u062f\u0631 localStorage \u0628\u0631\u0627\u06cc \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u0628\u0639\u062f\u06cc \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06a9\u0644\u06cc\u062f\u0647\u0627\u06cc \u0645\u0631\u062a\u0628\u0637 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u0627 getItem<\/h3>\n\n\n\n<p>getItem() \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u0628\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0634\u062f\u0647 \u062f\u0631 \u0634\u06cc\u0621 localStorage \u0645\u0631\u0648\u0631\u06af\u0631 \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f. \u0627\u06cc\u0646 \u0645\u062a\u062f \u062a\u0646\u0647\u0627 \u06cc\u06a9 \u067e\u0627\u0631\u0627\u0645\u062a\u0631 \u06a9\u0647 \u06a9\u0644\u06cc\u062f \u0627\u0633\u062a \u0631\u0627 \u0645\u06cc\u200c\u067e\u0630\u06cc\u0631\u062f \u0648 \u0645\u0642\u062f\u0627\u0631 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0631\u0634\u062a\u0647 \u0628\u0631\u0645\u06cc\u200c\u06af\u0631\u062f\u0627\u0646\u062f.<\/p>\n\n\n\n<div class=\"elementor elementor-9853\" data-elementor-type=\"wp-post\" data-elementor-id=\"9853\">\n<div class=\"elementor-inner\">\n<div class=\"elementor-section-wrap\">\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-733fcde elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"733fcde\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-42e7506\" data-id=\"42e7506\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-62a27ae elementor-widget elementor-widget-code-highlight\" data-id=\"62a27ae\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"prismjs-default copy-to-clipboard \">\n<div class=\"code-toolbar\">\n<pre class=\"highlight-height language-javascript\" data-line=\"\"><code class=\" language-javascript\">localStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">getItem<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'name'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"saboxplugin-wrap\">\n<div class=\"saboxplugin-tab\"><\/div>\n<\/div>\n\n\n\n<p>\u06a9\u062f \u0641\u0648\u0642 \u06cc\u06a9 \u0631\u0634\u062a\u0647 \u0628\u0627 \u0645\u0642\u062f\u0627\u0631 \u00abObaseki Nosa\u00bb \u0631\u0627 \u0628\u0631\u0645\u06cc\u200c\u06af\u0631\u062f\u0627\u0646\u062f. \u0627\u06af\u0631 \u06a9\u0644\u06cc\u062f \u0645\u0634\u062e\u0635 \u0634\u062f\u0647 \u062f\u0631 localStorage \u0648\u062c\u0648\u062f \u0646\u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f\u060c null \u0628\u0631\u0645\u06cc\u200c\u06af\u0631\u062f\u0627\u0646\u062f. \u062f\u0631 \u0645\u0648\u0631\u062f \u0622\u0631\u0627\u06cc\u0647\u060c \u0627\u0632 \u0645\u062a\u062f JSON.parse()\u200e \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u06cc\u06a9 \u0631\u0634\u062a\u0647 JSON \u0631\u0627 \u0628\u0647 \u06cc\u06a9 \u0634\u06cc\u200c\u0621 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token constant\">JSON<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">parse<\/span><span class=\"token punctuation\">(<\/span>localStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">getItem<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'user'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<p>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0631\u0627\u06cc\u0647\u200c\u0627\u06cc \u06a9\u0647 \u062f\u0631 \u0628\u0627\u0644\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u06cc\u0645\u060c \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0646\u062d\u0648\u0647 \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u0622\u0646 \u0627\u0632 localStorage \u0622\u0645\u062f\u0647 \u0627\u0633\u062a:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token keyword\">const<\/span> userData <span class=\"token operator\">=<\/span> <span class=\"token constant\">JSON<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">parse<\/span><span class=\"token punctuation\">(<\/span>localStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">getItem<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'user'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\nconsole<span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span>userData<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<p>\u0627\u06cc\u0646 \u0645\u062a\u062f \u0622\u0631\u0627\u06cc\u0647 [&#8220;Obaseki&#8221;\u060c \u06f2\u06f5] \u0631\u0627 \u0628\u0627\u0632\u0645\u06cc\u06af\u0631\u062f\u0627\u0646\u062f. \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0635\u0641\u062d\u0647 \u0648\u0628 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0631\u062f\u0647 \u0648 \u0622\u0646 \u0631\u0627 \u062f\u0631 \u06a9\u0646\u0633\u0648\u0644 \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f\u060c \u0645\u0627\u0646\u0646\u062f \u0627\u06cc\u0646:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" width=\"730\" height=\"411\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/07\/local-storage-array-javascript.png\" alt=\"\u0644\u0648\u06a9\u0627\u0644 \u0627\u0633\u062a\u0648\u0631\u06cc\u062c \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\" class=\"wp-image-31458 lazyload\" title=\"\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/07\/local-storage-array-javascript.png 730w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/local-storage-array-javascript-300x169.png.webp 300w\" data-sizes=\"(max-width: 730px) 100vw, 730px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 730px; --smush-placeholder-aspect-ratio: 730\/411;\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<p>\u0627\u06cc\u0646 \u0627\u0633\u06a9\u0631\u06cc\u0646 \u0634\u0627\u062a\u06cc \u0627\u0632 \u0645\u0631\u0648\u0631\u06af\u0631 \u0641\u0627\u06cc\u0631\u0641\u0627\u06a9\u0633 \u0627\u0633\u062a\u060c \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u06a9\u0645\u06cc \u0645\u062a\u0641\u0627\u0648\u062a \u0628\u0647 \u0646\u0638\u0631 \u0645\u06cc\u200c\u0631\u0633\u062f. \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0622\u0646 \u0631\u0627 \u0628\u0627 \u0622\u0631\u0627\u06cc\u0647 \u062f\u06cc\u06af\u0631\u06cc \u06a9\u0647 \u0628\u0627 \u0644\u0648\u06a9\u0627\u0644 \u0627\u0633\u062a\u0648\u0631\u06cc\u062c \u0630\u062e\u06cc\u0631\u0647 \u0646\u0634\u062f\u0647 \u0627\u0633\u062a \u0645\u0642\u0627\u06cc\u0633\u0647 \u06a9\u0646\u06cc\u0645:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token keyword\">const<\/span> userArray2 <span class=\"token operator\">=<\/span> <span class=\"token punctuation\">&#91;<\/span><span class=\"token string\">\"Oscar\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f2\u06f7<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">;<\/span>\n\nconsole<span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span>userArray2<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<p>\u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0627\u06a9\u0646\u0648\u0646\u060c \u0645\u0627\u0646\u0646\u062f \u0634\u06a9\u0644 \u0632\u06cc\u0631\u060c \u062f\u0648 \u0622\u0631\u0627\u06cc\u0647 \u062f\u0631 \u06a9\u0646\u0633\u0648\u0644 \u062f\u0627\u0631\u06cc\u0645:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" width=\"730\" height=\"411\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/07\/local-storage-javascript-console.png\" alt=\"\u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\" class=\"wp-image-31459 lazyload\" title=\"\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/07\/local-storage-javascript-console.png 730w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/local-storage-javascript-console-300x169.png.webp 300w\" data-sizes=\"(max-width: 730px) 100vw, 730px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 730px; --smush-placeholder-aspect-ratio: 730\/411;\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u062d\u0630\u0641 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0628\u0627 removeItem<\/h3>\n\n\n\n<p>\u0628\u0631\u0627\u06cc \u062d\u0630\u0641 \u06cc\u06a9 \u0645\u0648\u0631\u062f \u0627\u0632 localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0627\u0632 \u0645\u062a\u062f removeItem()\u200e \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u06cc\u062f \u06a9\u0631\u062f. \u0647\u0646\u06af\u0627\u0645 \u0627\u0631\u0633\u0627\u0644 \u0646\u0627\u0645 \u06a9\u0644\u06cc\u062f\u060c \u0645\u062a\u062f removeItem()\u200e \u06a9\u0644\u06cc\u062f \u0645\u0648\u062c\u0648\u062f \u0631\u0627 \u0627\u0632 \u062d\u0627\u0641\u0638\u0647 \u062d\u0630\u0641 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0627\u06af\u0631 \u0647\u06cc\u0686 \u0645\u0648\u0631\u062f\u06cc \u0628\u0627 \u06a9\u0644\u06cc\u062f \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0645\u0631\u062a\u0628\u0637 \u0646\u0628\u0627\u0634\u062f\u060c \u0627\u06cc\u0646 \u0645\u062a\u062f \u0647\u06cc\u0686 \u06a9\u0627\u0631\u06cc \u0627\u0646\u062c\u0627\u0645 \u0646\u0645\u06cc\u200c\u062f\u0647\u062f. \u0642\u0637\u0639\u0647 \u06a9\u062f \u0627\u0646\u062c\u0627\u0645 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0627\u0633\u062a:<\/p>\n\n\n\n<div class=\"elementor elementor-9853\" data-elementor-type=\"wp-post\" data-elementor-id=\"9853\">\n<div class=\"elementor-inner\">\n<div class=\"elementor-section-wrap\">\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-733fcde elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"733fcde\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-42e7506\" data-id=\"42e7506\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-62a27ae elementor-widget elementor-widget-code-highlight\" data-id=\"62a27ae\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"prismjs-default copy-to-clipboard \">\n<div class=\"code-toolbar\">\n<pre class=\"highlight-height language-javascript\" data-line=\"\"><code class=\" language-javascript\"><span class=\"token punctuation\">.<\/span>localStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">removeItem<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'name'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u0646\u062d\u0648\u0647 \u062d\u0630\u0641 \u0647\u0645\u0647 \u0645\u0648\u0627\u0631\u062f \u062f\u0631 localStorage \u0628\u0627 clear<\/h3>\n\n\n\n<p>\u0628\u0631\u0627\u06cc \u062d\u0630\u0641 \u0647\u0645\u0647 \u0645\u0648\u0627\u0631\u062f \u062f\u0631 localStorage\u060c \u0627\u0632 \u0645\u062a\u062f clear() \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0627\u06cc\u0646 \u0631\u0648\u0634\u060c \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u06a9\u0644 \u0641\u0636\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u062a\u0645\u0627\u0645 \u0631\u06a9\u0648\u0631\u062f\u0647\u0627\u06cc \u0622\u0646 \u062f\u0627\u0645\u0646\u0647 \u0631\u0627 \u067e\u0627\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0647\u06cc\u0686 \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u06cc \u0631\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0642\u0637\u0639\u0647 \u06a9\u062f \u0622\u0646 \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0627\u0633\u062a.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>localStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">clear<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">\u0628\u0647 \u062f\u0633\u062a \u0622\u0648\u0631\u062f\u0646 \u0646\u0627\u0645 \u06a9\u0644\u06cc\u062f localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0627 \u0645\u062a\u062f key<\/h3>\n\n\n\n<p>\u0645\u062a\u062f ()key \u0632\u0645\u0627\u0646\u06cc \u0628\u0647 \u06a9\u0627\u0631 \u0645\u06cc\u200c\u0622\u06cc\u062f \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u062d\u0644\u0642\u0647 \u0632\u062f\u0646 \u06a9\u0644\u06cc\u062f\u0647\u0627 \u062f\u0627\u0631\u06cc\u062f \u0627\u0645\u0627 \u0647\u0645\u0686\u0646\u0627\u0646 \u0628\u0627\u06cc\u062f \u0628\u062a\u0648\u0627\u0646\u06cc\u062f \u06cc\u06a9 \u0639\u062f\u062f \u06cc\u0627 \u0644\u06cc\u0633\u062a \u0631\u0627 \u0628\u0647 localStorage \u0627\u0631\u0633\u0627\u0644 \u06a9\u0631\u062f\u0647 \u062a\u0627 \u0646\u0627\u0645 \u06a9\u0644\u06cc\u062f \u0631\u0627 \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u06a9\u0646\u06cc\u062f. \u0642\u0637\u0639\u0647 \u06a9\u062f \u0627\u0648\u0644\u06cc\u0647 \u0622\u0646 \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0627\u0633\u062a:<\/p>\n\n\n\n<div class=\"elementor elementor-9853\" data-elementor-type=\"wp-post\" data-elementor-id=\"9853\">\n<div class=\"elementor-inner\">\n<div class=\"elementor-section-wrap\">\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-733fcde elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"733fcde\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-42e7506\" data-id=\"42e7506\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-62a27ae elementor-widget elementor-widget-code-highlight\" data-id=\"62a27ae\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"prismjs-default copy-to-clipboard \">\n<div class=\"code-toolbar\">\n<pre class=\"highlight-height language-javascript\" data-line=\"\"><code class=\" language-javascript\">localStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">key<\/span><span class=\"token punctuation\">(<\/span>index<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p>\u067e\u0627\u0631\u0627\u0645\u062a\u0631 index \u0646\u0634\u0627\u0646 \u062f\u0647\u0646\u062f\u0647 \u0634\u0627\u062e\u0635 \u06cc\u0627 \u0627\u0646\u062f\u06cc\u0633 \u0635\u0641\u0631 \u06a9\u0644\u06cc\u062f\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0646\u0627\u0645 \u0622\u0646 \u0631\u0627 \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u0630\u062e\u06cc\u0631\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u0628\u0627 localStorage<\/h2>\n\n\n\n<p>\u062f\u0631 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u0641\u0648\u0642 \u0645\u0627 \u0647\u0645\u0647 \u0645\u062a\u062f\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u200c\u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u0645. \u0627\u06a9\u0646\u0648\u0646 \u0628\u0647 \u0635\u0648\u0631\u062a \u0639\u0645\u0644\u06cc\u200c\u062a\u0631 \u0628\u0647 \u0622\u0646\u200c\u0647\u0627 \u0646\u06af\u0627\u0647 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0645\u062b\u0627\u0644\u06cc \u0639\u0645\u0644\u06cc \u0627\u0632 localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u062f\u0631\u06a9 \u0628\u0647\u062a\u0631 \u0622\u0646 \u0622\u0648\u0631\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n\n\n\n<p>\u0642\u0637\u0639\u0647 \u06a9\u062f HTML \u0645\u062b\u0627\u0644 \u0645\u0630\u06a9\u0648\u0631 \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0627\u0633\u062a:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>container<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n  <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>to-do-app<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>h2<span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>span <span class=\"token attr-name\">id<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>To-do_App<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>To-do App<span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>span<span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>h2<span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>br<span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>input <span class=\"token attr-name\">type<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>text<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">id<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>item<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">placeholder<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>Enter item...<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>br<span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>br<span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>button <span class=\"token attr-name\">onclick<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>add()<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>Add Item <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>i <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>fa-solid fa-plus<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>i<span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>button<span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>button <span class=\"token attr-name\">onclick<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>del()<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>Clear all <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>i <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>fa-solid fa-ban<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>i<span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>button<span class=\"token punctuation\">&gt;<\/span><\/span>\n  <span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<span class=\"token punctuation\">&gt;<\/span><\/span>\n  <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>ul <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>to-do-list<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>ul<span class=\"token punctuation\">&gt;<\/span><\/span>\n<span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<span class=\"token punctuation\">&gt;<\/span><\/span>\n\n<span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>script <span class=\"token attr-name\">src<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>script.js<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>script<span class=\"token punctuation\">&gt;<\/span><\/span><\/code><\/pre>\n\n\n\n<p>\u0642\u0637\u0639\u0647 \u06a9\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u062b\u0627\u0644 \u0645\u0630\u06a9\u0648\u0631 \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0627\u0633\u062a:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token keyword\">const<\/span> ul <span class=\"token operator\">=<\/span> document<span class=\"token punctuation\">.<\/span><span class=\"token function\">querySelector<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'ul'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token keyword\">const<\/span> input <span class=\"token operator\">=<\/span> document<span class=\"token punctuation\">.<\/span><span class=\"token function\">getElementById<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'item'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token keyword\">let<\/span> itemsArray <span class=\"token operator\">=<\/span> localStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">getItem<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'items'<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">?<\/span>\n<span class=\"token constant\">JSON<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">parse<\/span><span class=\"token punctuation\">(<\/span>localStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">getItem<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'items'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">:<\/span> <span class=\"token punctuation\">&#91;<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">;<\/span>\n\nitemsArray<span class=\"token punctuation\">.<\/span><span class=\"token function\">forEach<\/span><span class=\"token punctuation\">(<\/span>addTask<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token keyword\">function<\/span> <span class=\"token function\">addTask<\/span><span class=\"token punctuation\">(<\/span><span class=\"token parameter\">text<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">{<\/span>\n  <span class=\"token keyword\">const<\/span> li <span class=\"token operator\">=<\/span> document<span class=\"token punctuation\">.<\/span><span class=\"token function\">createElement<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'li'<\/span><span class=\"token punctuation\">)<\/span>\n  li<span class=\"token punctuation\">.<\/span>textContent <span class=\"token operator\">=<\/span> text<span class=\"token punctuation\">;<\/span>\n  ul<span class=\"token punctuation\">.<\/span><span class=\"token function\">appendChild<\/span><span class=\"token punctuation\">(<\/span>li<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n\n<span class=\"token keyword\">function<\/span> <span class=\"token function\">add<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">{<\/span>\n  itemsArray<span class=\"token punctuation\">.<\/span><span class=\"token function\">push<\/span><span class=\"token punctuation\">(<\/span>input<span class=\"token punctuation\">.<\/span>value<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  localStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">setItem<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'items'<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token constant\">JSON<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">stringify<\/span><span class=\"token punctuation\">(<\/span>itemsArray<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  <span class=\"token function\">addTask<\/span><span class=\"token punctuation\">(<\/span>input<span class=\"token punctuation\">.<\/span>value<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  input<span class=\"token punctuation\">.<\/span>value <span class=\"token operator\">=<\/span> <span class=\"token string\">''<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n\n<span class=\"token keyword\">function<\/span> <span class=\"token function\">del<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">{<\/span>\n  localStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">clear<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  ul<span class=\"token punctuation\">.<\/span>innerHTML <span class=\"token operator\">=<\/span> <span class=\"token string\">''<\/span><span class=\"token punctuation\">;<\/span>\n  itemsArray <span class=\"token operator\">=<\/span> <span class=\"token punctuation\">&#91;<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<p>\u0642\u0637\u0639\u0647 \u06a9\u062f CSS \u0645\u062b\u0627\u0644 \u0645\u0631\u0628\u0648\u0637\u0647 \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0627\u0633\u062a:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@<span class=\"token keyword\">import<\/span> <span class=\"token function\">url<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"https:\/\/fonts.googleapis.com\/css2?family=Asap&amp;amp;display=swap\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token operator\">*<\/span> <span class=\"token punctuation\">{<\/span>\n  padding<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">;<\/span>\n  margin<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">;<\/span>\n  box<span class=\"token operator\">-<\/span>sizing<span class=\"token operator\">:<\/span> border<span class=\"token operator\">-<\/span>box<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\nbody <span class=\"token punctuation\">{<\/span>\n  width<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1\u06f0\u06f0<\/span><span class=\"token operator\">%<\/span><span class=\"token punctuation\">;<\/span>\n  height<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1\u06f0\u06f0<\/span>vh<span class=\"token punctuation\">;<\/span>\n  background<span class=\"token operator\">-<\/span>color<span class=\"token operator\">:<\/span> #e0d6e9<span class=\"token punctuation\">;<\/span>\n  font<span class=\"token operator\">-<\/span>family<span class=\"token operator\">:<\/span> <span class=\"token string\">\"Asap\"<\/span><span class=\"token punctuation\">,<\/span> sans<span class=\"token operator\">-<\/span>serif<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token punctuation\">.<\/span>container <span class=\"token punctuation\">{<\/span>\n  max<span class=\"token operator\">-<\/span>width<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f4\u06f0\u06f5<\/span>px<span class=\"token punctuation\">;<\/span>\n  margin<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1\u06f3\u06f7<\/span>px auto<span class=\"token punctuation\">;<\/span>\n  padding<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f2\u06f0<\/span>px<span class=\"token punctuation\">;<\/span>\n  display<span class=\"token operator\">:<\/span> flex<span class=\"token punctuation\">;<\/span>\n  flex<span class=\"token operator\">-<\/span>direction<span class=\"token operator\">:<\/span> column<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token punctuation\">.<\/span>to<span class=\"token operator\">-<\/span><span class=\"token keyword\">do<\/span><span class=\"token operator\">-<\/span>app <span class=\"token punctuation\">{<\/span>\n  width<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1\u06f0\u06f0<\/span><span class=\"token operator\">%<\/span><span class=\"token punctuation\">;<\/span>\n  padding<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f2\u06f0<\/span>px<span class=\"token punctuation\">;<\/span>\n  border<span class=\"token operator\">-<\/span>radius<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f5<\/span>px<span class=\"token punctuation\">;<\/span>\n  background<span class=\"token operator\">-<\/span>color<span class=\"token operator\">:<\/span> whitesmoke<span class=\"token punctuation\">;<\/span>\n  border<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1<\/span>px solid #d3d3d3<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token punctuation\">.<\/span>to<span class=\"token operator\">-<\/span><span class=\"token keyword\">do<\/span><span class=\"token operator\">-<\/span>app h2 <span class=\"token punctuation\">{<\/span>\n  padding<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1\u06f0<\/span>px<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token punctuation\">.<\/span>to<span class=\"token operator\">-<\/span><span class=\"token keyword\">do<\/span><span class=\"token operator\">-<\/span>app input <span class=\"token punctuation\">{<\/span>\n  width<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f2\u06f5\u06f0<\/span>px<span class=\"token punctuation\">;<\/span>\n  padding<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f5<\/span>px<span class=\"token punctuation\">;<\/span>\n  border<span class=\"token operator\">-<\/span>radius<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f5<\/span>px<span class=\"token punctuation\">;<\/span>\n  border<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1<\/span>px solid #d3d3d3<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token punctuation\">.<\/span>to<span class=\"token operator\">-<\/span><span class=\"token keyword\">do<\/span><span class=\"token operator\">-<\/span>app button <span class=\"token punctuation\">{<\/span>\n  width<span class=\"token operator\">:<\/span> fit<span class=\"token operator\">-<\/span>content<span class=\"token punctuation\">;<\/span>\n  padding<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f5<\/span>px<span class=\"token punctuation\">;<\/span>\n  cursor<span class=\"token operator\">:<\/span> pointer<span class=\"token punctuation\">;<\/span>\n  border<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1<\/span>px solid #d3d3d3<span class=\"token punctuation\">;<\/span>\n  border<span class=\"token operator\">-<\/span>radius<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f5<\/span>px<span class=\"token punctuation\">;<\/span>\n  background<span class=\"token operator\">-<\/span>color<span class=\"token operator\">:<\/span> whitesmoke<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token punctuation\">.<\/span>to<span class=\"token operator\">-<\/span><span class=\"token keyword\">do<\/span><span class=\"token operator\">-<\/span>app button<span class=\"token operator\">:<\/span>hover <span class=\"token punctuation\">{<\/span>\n  background<span class=\"token operator\">-<\/span>color<span class=\"token operator\">:<\/span> <span class=\"token function\">rgba<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">\u06f0.\u06f1<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\nli <span class=\"token punctuation\">{<\/span>\n  font<span class=\"token operator\">-<\/span>size<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1.\u06f5<\/span>rem<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token punctuation\">.<\/span>to<span class=\"token operator\">-<\/span><span class=\"token keyword\">do<\/span><span class=\"token operator\">-<\/span>list <span class=\"token punctuation\">{<\/span>\n  margin<span class=\"token operator\">-<\/span>top<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f2\u06f0<\/span>px<span class=\"token punctuation\">;<\/span>\n  margin<span class=\"token operator\">-<\/span>right<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f5<\/span>px<span class=\"token punctuation\">;<\/span>\n  padding<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f0<\/span> <span class=\"token number\">\u06f2\u06f0<\/span>px <span class=\"token number\">\u06f1\u06f0<\/span>px <span class=\"token number\">\u06f2\u06f5<\/span>px<span class=\"token punctuation\">;<\/span>\n  display<span class=\"token operator\">:<\/span> flex<span class=\"token punctuation\">;<\/span>\n  flex<span class=\"token operator\">-<\/span>direction<span class=\"token operator\">:<\/span> column<span class=\"token punctuation\">;<\/span>\n  gap<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f1\u06f5<\/span>px<span class=\"token punctuation\">;<\/span>\n  list<span class=\"token operator\">-<\/span>style<span class=\"token operator\">:<\/span> none<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token punctuation\">.<\/span>to<span class=\"token operator\">-<\/span><span class=\"token keyword\">do<\/span><span class=\"token operator\">-<\/span>list li<span class=\"token punctuation\">{<\/span>\n  font<span class=\"token operator\">-<\/span>size<span class=\"token operator\">:<\/span> small<span class=\"token punctuation\">;<\/span>\n  background<span class=\"token operator\">-<\/span>color<span class=\"token operator\">:<\/span> whitesmoke<span class=\"token punctuation\">;<\/span>\n  padding<span class=\"token operator\">:<\/span> <span class=\"token number\">\u06f2\u06f0<\/span>px<span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<p>\u062e\u0631\u0648\u062c\u06cc \u0645\u062b\u0627\u0644 \u0628\u0627\u0644\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0627\u0633\u062a:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" width=\"529\" height=\"459\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/07\/Snapshot_230708101927.png\" alt=\"localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0686\u06cc\u0633\u062a\" class=\"wp-image-31460 lazyload\" title=\"\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/07\/Snapshot_230708101927.png 529w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/Snapshot_230708101927-300x260.png.webp 300w\" data-sizes=\"(max-width: 529px) 100vw, 529px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 529px; --smush-placeholder-aspect-ratio: 529\/459;\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<p>\u0627\u06cc\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u062f\u0627\u0631\u0627\u06cc \u06a9\u062f \u0646\u0634\u0627\u0646\u0647\u200c\u06af\u0630\u0627\u0631\u06cc HTML \u0628\u0633\u06cc\u0627\u0631 \u0633\u0627\u062f\u0647 \u0627\u0633\u062a:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>container<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n   <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>to-do-app<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>h2<span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>span <span class=\"token attr-name\">id<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>To-do_App<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>To-do App<span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>span<span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>h2<span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>input <span class=\"token attr-name\">type<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>text<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">id<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>item<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">placeholder<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>Enter item...<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>br<span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>br<span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>button <span class=\"token attr-name\">onclick<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>add()<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>Add Item <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>i <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>fa-solid fa-plus<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>i<span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>button<span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>button <span class=\"token attr-name\">onclick<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>del()<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>Clear all <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>i <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>fa-solid fa-ban<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>i<span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>button<span class=\"token punctuation\">&gt;<\/span><\/span>\n   <span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<span class=\"token punctuation\">&gt;<\/span><\/span>\n   <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>ul <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>to-do-list<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>ul<span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token comment\">&lt;!--to-do items go here--&gt;<\/span>\n<span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<span class=\"token punctuation\">&gt;<\/span><\/span><\/code><\/pre>\n\n\n\n<p>\u062f\u0631 \u06a9\u062f \u0628\u0627\u0644\u0627\u060c \u062f\u0648 \u062a\u0627\u0628\u0639 \u06a9\u0644\u06cc\u06a9 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u0645\u060c add()\u200e \u0648 del()\u200e \u06a9\u0647 \u0628\u0639\u062f\u0627\u064b \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f. \u06a9\u062f CSS \u0622\u0646 \u0646\u06cc\u0632 \u0633\u0627\u062f\u0647 \u0627\u0633\u062a. \u0634\u0645\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0622\u0646 \u0631\u0627 \u0647\u0631 \u0637\u0648\u0631 \u06a9\u0647 \u062f\u0648\u0633\u062a \u062f\u0627\u0631\u06cc\u062f \u0633\u0641\u0627\u0631\u0634\u06cc\u200c\u0633\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f. \u0628\u062e\u0634 \u0645\u0647\u0645 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0633\u062a. \u0647\u0645\u0627\u0646\u200c\u0637\u0648\u0631 \u06a9\u0647 \u062f\u0631 \u0632\u06cc\u0631 \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a\u060c \u0628\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u0644\u06cc\u0633\u062a\u06cc \u06a9\u0647 \u0646\u0634\u0627\u0646 \u062f\u0647\u0646\u062f\u0647 \u0648\u0638\u0627\u06cc\u0641 \u0647\u0633\u062a\u0646\u062f \u0648 \u0641\u06cc\u0644\u062f \u0648\u0631\u0648\u062f\u06cc \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token keyword\">const<\/span> ul <span class=\"token operator\">=<\/span> document<span class=\"token punctuation\">.<\/span><span class=\"token function\">querySelector<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'ul'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token keyword\">const<\/span> input <span class=\"token operator\">=<\/span> document<span class=\"token punctuation\">.<\/span><span class=\"token function\">getElementById<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'item'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<p>\u062f\u0631 \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f\u060c \u0647\u0631 \u0645\u0648\u0631\u062f \u0627\u0632 \u0642\u0628\u0644 \u0645\u0648\u062c\u0648\u062f \u0631\u0627 \u062f\u0631 localStorage \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u06a9\u0631\u062f\u0647 \u0648 \u0627\u06af\u0631 \u0647\u06cc\u0686 \u06cc\u06a9 \u0648\u062c\u0648\u062f \u0646\u062f\u0627\u0634\u062a\u060c \u06cc\u06a9 \u0622\u0631\u0627\u06cc\u0647 \u062e\u0627\u0644\u06cc \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token keyword\">let<\/span> itemsArray <span class=\"token operator\">=<\/span> localStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">getItem<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'items'<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">?<\/span>\n<span class=\"token constant\">JSON<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">parse<\/span><span class=\"token punctuation\">(<\/span>localStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">getItem<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'items'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">:<\/span> <span class=\"token punctuation\">&#91;<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<p>\u0627\u06a9\u0646\u0648\u0646 \u062a\u0627\u0628\u0639\u06cc \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0648\u0638\u06cc\u0641\u0647\u200c\u0627\u06cc \u0631\u0627 \u0628\u0647 ul \u062e\u0627\u0644\u06cc \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>itemsArray<span class=\"token punctuation\">.<\/span><span class=\"token function\">forEach<\/span><span class=\"token punctuation\">(<\/span>addTask<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token keyword\">function<\/span> <span class=\"token function\">addTask<\/span><span class=\"token punctuation\">(<\/span><span class=\"token parameter\">text<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">{<\/span>\n  <span class=\"token keyword\">const<\/span> li <span class=\"token operator\">=<\/span> document<span class=\"token punctuation\">.<\/span><span class=\"token function\">createElement<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'li'<\/span><span class=\"token punctuation\">)<\/span>\n  li<span class=\"token punctuation\">.<\/span>textContent <span class=\"token operator\">=<\/span> text<span class=\"token punctuation\">;<\/span>\n  ul<span class=\"token punctuation\">.<\/span><span class=\"token function\">appendChild<\/span><span class=\"token punctuation\">(<\/span>li<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span><\/code><\/pre>\n\n\n\n<p>\u0627\u06a9\u0646\u0648\u0646\u060c \u0645\u0627 \u0639\u0645\u0644\u06a9\u0631\u062f \u0631\u0627 \u0628\u0647 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627 \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u062f\u06a9\u0645\u0647 Add Item \u0645\u0648\u0627\u0631\u062f \u0631\u0627 \u062f\u0631 localStorage \u0630\u062e\u06cc\u0631\u0647 \u0648 \u062f\u06a9\u0645\u0647 Clear All \u0647\u0645\u0647 \u0645\u0648\u0627\u0631\u062f \u0631\u0627 \u062d\u0630\u0641 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u06a9\u062f \u0622\u0646 \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0627\u0633\u062a:<\/p>\n\n\n\n<div class=\"elementor elementor-9853\" data-elementor-type=\"wp-post\" data-elementor-id=\"9853\">\n<div class=\"elementor-inner\">\n<div class=\"elementor-section-wrap\">\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-733fcde elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"733fcde\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-42e7506\" data-id=\"42e7506\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-62a27ae elementor-widget elementor-widget-code-highlight\" data-id=\"62a27ae\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"prismjs-default copy-to-clipboard \">\n<div class=\"code-toolbar\">\n<pre class=\"highlight-height language-javascript\" data-line=\"\"><code class=\" language-javascript\"><span class=\"token keyword\">function<\/span> <span class=\"token function\">add<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">{<\/span>\n  itemsArray<span class=\"token punctuation\">.<\/span><span class=\"token function\">push<\/span><span class=\"token punctuation\">(<\/span>input<span class=\"token punctuation\">.<\/span>value<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  localStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">setItem<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'items'<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token constant\">JSON<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">stringify<\/span><span class=\"token punctuation\">(<\/span>itemsArray<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  <span class=\"token function\">addTask<\/span><span class=\"token punctuation\">(<\/span>input<span class=\"token punctuation\">.<\/span>value<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  input<span class=\"token punctuation\">.<\/span>value <span class=\"token operator\">=<\/span> <span class=\"token string\">''<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token keyword\">function<\/span> <span class=\"token function\">del<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">{<\/span>\n  localStorage<span class=\"token punctuation\">.<\/span><span class=\"token function\">clear<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  ul<span class=\"token punctuation\">.<\/span>innerHTML <span class=\"token operator\">=<\/span> <span class=\"token string\">''<\/span><span class=\"token punctuation\">;<\/span>\n  itemsArray <span class=\"token operator\">=<\/span> <span class=\"token punctuation\">[<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p>\u062a\u0627\u0628\u0639 add() \u0645\u0648\u0627\u0631\u062f \u0631\u0627 \u0627\u0632 \u0641\u06cc\u0644\u062f \u0648\u0631\u0648\u062f\u06cc\u060c input.value \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0633\u067e\u0633 \u0622\u0646 \u0631\u0627 \u0628\u0647 itemsArray \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0647 \u0648 \u062f\u0631 localStorage \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0647\u0645\u200c\u0632\u0645\u0627\u0646 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u0644\u06cc\u0633\u062a \u0627\u0636\u0627\u0641\u0647 \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f. \u062a\u0627\u0628\u0639 del()\u200e \u062a\u0645\u0627\u0645 \u0622\u06cc\u062a\u0645\u200c\u0647\u0627 \u0631\u0627 \u0627\u0632 localStorage \u067e\u0627\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u0627\u0632 \u0644\u06cc\u0633\u062a \u062d\u0630\u0641 \u06a9\u0631\u062f\u0647 \u0648 \u0622\u06cc\u062a\u0645 \u0622\u0631\u0627\u06cc\u0647 \u0631\u0627 \u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u062a\u0641\u0627\u0648\u062a \u06a9\u0648\u06a9\u06cc\u200c\u0647\u0627 \u0628\u0627 localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/h2>\n\n\n\n<p>\u0647\u0646\u06af\u0627\u0645 \u0645\u0642\u0627\u06cc\u0633\u0647 \u06a9\u0648\u06a9\u06cc\u200c\u0647\u0627 \u0648 LocalStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0633\u0645\u062a \u0645\u0634\u062a\u0631\u06cc\u060c \u0686\u0646\u062f\u06cc\u0646 \u062a\u0641\u0627\u0648\u062a \u06a9\u0644\u06cc\u062f\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0628\u0627\u06cc\u062f \u062f\u0631 \u0646\u0638\u0631 \u06af\u0631\u0641\u062a\u0647 \u0634\u0648\u062f. \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0627\u06cc\u0646 \u062a\u0641\u0627\u0648\u062a\u200c\u0647\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u0647\u0633\u062a\u0646\u062f:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u0638\u0631\u0641\u06cc\u062a \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc<\/strong>: localStorage \u0638\u0631\u0641\u06cc\u062a \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0628\u06cc\u0634\u062a\u0631\u06cc \u062a\u0627 \u067e\u0646\u062c \u0645\u06af\u0627\u0628\u0627\u06cc\u062a \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f\u060c \u062f\u0631\u062d\u0627\u0644\u06cc\u200c\u06a9\u0647 \u06a9\u0648\u06a9\u06cc\u200c\u0647\u0627 \u062d\u062f\u0627\u06a9\u062b\u0631 \u0628\u0647 \u0686\u0647\u0627\u0631 \u06a9\u06cc\u0644\u0648\u0628\u0627\u06cc\u062a \u0645\u062d\u062f\u0648\u062f \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/li>\n\n\n\n<li><strong>\u0627\u0646\u062a\u0642\u0627\u0644 \u062f\u0627\u062f\u0647<\/strong>: \u06a9\u0648\u06a9\u06cc\u200c\u0647\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0627 \u0647\u0631 \u062f\u0631\u062e\u0648\u0627\u0633\u062a HTTP \u0628\u0647 \u0633\u0631\u0648\u0631 \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f \u0648 \u062a\u0631\u0627\u0641\u06cc\u06a9 \u0634\u0628\u06a9\u0647 \u0631\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f. \u0627\u0632 \u0633\u0648\u06cc \u062f\u06cc\u06af\u0631\u060c localStorage \u062f\u0631 \u062f\u0633\u062a\u06af\u0627\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0645\u062d\u0644\u06cc \u0628\u0627\u0642\u06cc \u0645\u06cc\u200c\u0645\u0627\u0646\u062f \u0648 \u0628\u0631 \u0639\u0645\u0644\u06a9\u0631\u062f \u0648\u0628 \u062a\u0623\u062b\u06cc\u0631 \u0646\u0645\u06cc\u200c\u06af\u0630\u0627\u0631\u062f \u06cc\u0627 \u0628\u0647 \u062a\u0631\u0627\u0641\u06cc\u06a9 \u0634\u0628\u06a9\u0647 \u0627\u0636\u0627\u0641\u0647 \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f \u0632\u06cc\u0631\u0627 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0631\u0627 \u0628\u0627 \u0633\u0631\u0648\u0631 \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u0646\u0645\u06cc\u200c\u06af\u0630\u0627\u0631\u062f.<\/li>\n\n\n\n<li><strong>\u0627\u0646\u0642\u0636\u0627<\/strong>: \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0634\u062f\u0647 localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0627\u0631\u06cc\u062e \u0627\u0646\u0642\u0636\u0627 \u0646\u062f\u0627\u0631\u0646\u062f \u0648 \u062a\u0627 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u0633\u062a\u06cc \u062d\u0630\u0641 \u0646\u0634\u0648\u0646\u062f \u0628\u0647\u200c\u0637\u0648\u0631 \u0646\u0627\u0645\u062d\u062f\u0648\u062f \u0628\u0627\u0642\u06cc \u0645\u06cc\u200c\u0645\u0627\u0646\u0646\u062f. \u062f\u0631 \u0645\u0642\u0627\u0628\u0644\u060c \u06a9\u0648\u06a9\u06cc\u200c\u0647\u0627 \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0631\u062f \u06a9\u0647 \u067e\u0633 \u0627\u0632 \u06cc\u06a9 \u0632\u0645\u0627\u0646 \u062e\u0627\u0635 \u06cc\u0627 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0628\u0633\u062a\u0647 \u0627\u0633\u062a \u0645\u0646\u0642\u0636\u06cc \u0634\u0648\u0646\u062f. \u06a9\u0648\u06a9\u06cc\u200c\u0647\u0627 \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0628\u0631\u06af\u0632\u06cc\u062f\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0648 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0648\u0631\u0648\u062f\/\u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/li>\n\n\n\n<li><strong>\u0642\u0627\u0628\u0644\u06cc\u062a \u062f\u0633\u062a\u0631\u0633\u06cc<\/strong>: \u06a9\u0648\u06a9\u06cc\u200c\u0647\u0627 \u062f\u0631 \u062a\u0645\u0627\u0645 \u0628\u0631\u06af\u0647\u200c\u0647\u0627 \u0648 \u067e\u0646\u062c\u0631\u0647\u200c\u0647\u0627\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f \u0648 \u0628\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647\u200c\u0634\u062f\u0647 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f \u062f\u0631 \u0686\u0646\u062f\u06cc\u0646 \u0632\u0645\u06cc\u0646\u0647 \u0645\u0631\u0648\u0631 \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u06af\u0630\u0627\u0634\u062a\u0647 \u0634\u0648\u0646\u062f. \u0627\u0632 \u0633\u0648\u06cc \u062f\u06cc\u06af\u0631\u060c \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u062d\u062f\u0648\u062f \u0628\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u06cc\u06a9 \u067e\u0631\u0648\u062a\u06a9\u0644 \u06cc\u0627 \u062f\u0627\u0645\u0646\u0647 \u062e\u0627\u0635 \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f. \u0628\u0647\u200c\u0637\u0648\u0631 \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u06cc\u0646 \u062a\u0628 \u06cc\u0627 \u0686\u0646\u062f \u067e\u0646\u062c\u0631\u0647 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f.<\/li>\n<\/ul>\n\n\n\n<p>\u0628\u0647\u200c\u0637\u0648\u0631 \u062e\u0644\u0627\u0635\u0647\u060c \u0645\u062d\u0644 \u0630\u062e\u06cc\u0631\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc \u0648 \u06a9\u0648\u06a9\u06cc\u200c\u0647\u0627 \u0627\u0632 \u0646\u0638\u0631 \u0638\u0631\u0641\u06cc\u062a \u0630\u062e\u06cc\u0631\u0647\u200c\u0633\u0627\u0632\u06cc\u060c \u0627\u0646\u062a\u0642\u0627\u0644 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u060c \u0627\u0646\u0642\u0636\u0627 \u0648 \u062f\u0633\u062a\u0631\u0633\u06cc \u0645\u062a\u0641\u0627\u0648\u062a \u0647\u0633\u062a\u0646\u062f. \u0627\u0646\u062a\u062e\u0627\u0628 \u0628\u06cc\u0646 \u0622\u0646\u200c\u0647\u0627 \u0628\u0647 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u062e\u0627\u0635 \u0628\u0631\u0646\u0627\u0645\u0647 \u0648 \u0645\u0627\u0647\u06cc\u062a \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0642\u0631\u0627\u0631 \u0627\u0633\u062a \u0630\u062e\u06cc\u0631\u0647 \u0634\u0648\u0646\u062f \u0628\u0633\u062a\u06af\u06cc \u062f\u0627\u0631\u062f.<\/p>\n\n\n<div class=\"jet-listing-grid--50192\" style=\"\"><section class=\"zht-related-post\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/Article\" role=\"region\"\n  aria-label=\"Related article\">\n  <div class=\"zht-related-post-section-label\">\n    \u0645\u0637\u0627\u0644\u0628 \u0645\u0631\u062a\u0628\u0637\n  <\/div>\n  <img decoding=\"async\" width=\"300\" height=\"150\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/06\/6288755792019456-300x150.jpeg.webp\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"append \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/06\/6288755792019456-300x150.jpeg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/06\/6288755792019456-768x384.jpeg.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/06\/6288755792019456.jpeg 1024w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/150;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/append-in-javascript\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">\u0622\u0645\u0648\u0632\u0634 \u0645\u062a\u062f append \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647<\/a>\n<\/section><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u0645\u0631\u0648\u0631\u06af\u0631 localStorage<\/h2>\n\n\n\n<p>localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0646\u0648\u0639\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0648\u0628\u060c \u06cc\u06a9 \u0645\u0634\u062e\u0635\u0627\u062a HTML5 \u0627\u0633\u062a. \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0648\u0633\u0637 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u0627\u0632 \u062c\u0645\u0644\u0647 Internet Explorer v8 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f. \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0627\u06cc\u0646\u06a9\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u0632 localStorage \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0642\u0637\u0639\u0647 \u0632\u06cc\u0631 \u0622\u0646 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token keyword\">typeof<\/span><span class=\"token punctuation\">(<\/span>Storage<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">!==<\/span> <span class=\"token string\">\"undefined\"<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span>\n    <span class=\"token comment\">\/\/ Code for localStorage<\/span>\n    <span class=\"token punctuation\">}<\/span> <span class=\"token keyword\">else<\/span> <span class=\"token punctuation\">{<\/span>\n    <span class=\"token comment\">\/\/ No web storage Support.<\/span>\n<span class=\"token punctuation\">}<\/span><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u0633\u062e\u0646 \u067e\u0627\u06cc\u0627\u0646\u06cc<\/h2>\n\n\n\n<p>\u0644\u0648\u06a9\u0627\u0644 \u0627\u0633\u062a\u0648\u0631\u06cc\u062c \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u06cc\u06a9 \u0631\u0648\u0634 \u0633\u0627\u062f\u0647 \u0648 \u0645\u0624\u062b\u0631 \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0648 \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646\u06cc \u0628\u0631\u0627\u06cc \u062a\u06a9\u06cc\u0647 \u0635\u0631\u0641\u0627\u064b \u0628\u0631 \u06a9\u0648\u06a9\u06cc\u200c\u0647\u0627 \u0627\u0633\u062a. \u062f\u0631 \u0637\u0648\u0644 \u0627\u06cc\u0646 \u0645\u0637\u0644\u0628 \u0627\u0632 \u0645\u062c\u0644\u0647 \u0645\u06a9\u062a\u0628 \u062e\u0648\u0646\u0647\u060c \u0627\u0637\u0644\u0627\u0639\u0627\u062a\u06cc \u062f\u0631 \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 localStorage\u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u0641\u0631\u0622\u06cc\u0646\u062f \u0630\u062e\u06cc\u0631\u0647\u060c \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u0648 \u062d\u0630\u0641 \u0645\u0648\u0627\u0631\u062f \u0627\u0632 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0631\u0627\u0626\u0647 \u062f\u0627\u062f\u06cc\u0645. \u0628\u0631\u0627\u06cc \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0646 \u06a9\u0627\u0631\u0628\u0631\u062f \u0639\u0645\u0644\u06cc \u0622\u0646\u060c \u0645\u0627 \u062d\u062a\u06cc \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u06a9\u0627\u0631\u06cc \u062a\u0648\u0633\u0639\u0647 \u062f\u0627\u062f\u06cc\u0645 \u06a9\u0647 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u0686\u06af\u0648\u0646\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0627\u0632 LocalStorage \u062f\u0631 \u06cc\u06a9 \u0633\u0646\u0627\u0631\u06cc\u0648\u06cc \u0648\u0627\u0642\u0639\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f. \u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u0627\u06cc\u0646\u060c \u0645\u0627 \u0645\u0642\u0627\u06cc\u0633\u0647\u200c\u0627\u06cc \u0628\u06cc\u0646 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 \u06a9\u0648\u06a9\u06cc\u200c\u0647\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0627\u062f\u06cc\u0645 \u0648 \u062a\u0641\u0627\u0648\u062a\u200c\u0647\u0627 \u0648 \u0645\u0648\u0627\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u0628\u0631\u062c\u0633\u062a\u0647 \u06a9\u0631\u062f\u06cc\u0645. \u0628\u0627 \u062f\u0631\u06a9 localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u0622\u0646\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062e\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n\n\n\n<p>\u0645\u0646\u0628\u0639: <a href=\"https:\/\/blog.logrocket.com\/localstorage-javascript-complete-guide\/\" rel=\"nofollow noopener\" target=\"_blank\">Blog.LogRocket<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0632 \u062f\u0633\u062a \u062f\u0627\u062f\u0646 \u06cc\u0627 \u067e\u0627\u06a9 \u0634\u062f\u0646 \u062a\u0645\u0627\u0645 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u062f\u0631 \u06cc\u06a9 \u0641\u0631\u0645 \u067e\u0631 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0633\u06cc\u0627\u0631 \u062e\u0633\u062a\u0647 \u06a9\u0646\u0646\u062f\u0647 \u0628\u0627\u0634\u062f\u060c \u0628\u0647\u200c\u062e\u0635\u0648\u0635 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0628\u0647\u200c\u0637\u0648\u0631 \u062a\u0635\u0627\u062f\u0641\u06cc \u0635\u0641\u062d\u0647 \u0648\u0628 \u0631\u0627 \u0628\u0628\u0646\u062f\u06cc\u062f\u061b \u0627\u0645\u0627 \u062c\u0627\u06cc \u0646\u06af\u0631\u0627\u0646\u06cc \u0646\u06cc\u0633\u062a\u060c \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0637\u0644\u0628 \u0627\u0632 \u0645\u062c\u0644\u0647 \u0645\u06a9\u062a\u0648\u0628\u060c \u0631\u0627\u0647\u200c\u062d\u0644\u06cc \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc \u0630\u062e\u06cc\u0631\u0647 \u200c\u0633\u0627\u0632\u06cc \u0645\u062d\u0644\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u06cc\u0627 localStorage \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a [&hellip;]<\/p>\n","protected":false},"author":28,"featured_media":31461,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,30],"tags":[],"class_list":["post-31455","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-java-script-articles","category-web-programming-articles"],"_links":{"self":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts\/31455","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/comments?post=31455"}],"version-history":[{"count":4,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts\/31455\/revisions"}],"predecessor-version":[{"id":68405,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts\/31455\/revisions\/68405"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/media\/31461"}],"wp:attachment":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/media?parent=31455"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/categories?post=31455"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/tags?post=31455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}