ذخیره ی اطلاعات با js

سلام. شده تاحالا با js برنامه ای بنویسید که اطلاعات بگیره و نمایش بده ؟ خب دیدید که وقتی صفحه رو بروز رسانی میکنید این اطلاعات میپرن. در این آموزش یاد میگیرید چطوری اطلاعات رو در حافظه ی مرورگر ذخیره کنید.

نمایش نمونه: ذخیره ی اطلاعات

localStorage دوتا متود داره

متود اول: setItem

متود setItem دوتا مقدار میگیره مقدار اول متغیری است که در مرورگر ذخیره میشه مقدار دومی مقداری است که در متغیر مرورگر ذخیره میشه. مثال

var data = "Hi every body!"
localStorage.setItem("save", data)

در مثال بالا متغیر مرورگر برابر Hi every body! است.

متود دوم: getItem

متود getItem متغیری که ذخیره کرده ایم را از مرورگر میگیرد. اگر این متود رو در جایی ذخیره کنیم برابر مقداری که ذخیره شده است. مثال: 

var data = "Hi every body!"
localStorage.setItem("save", data)

var x = localStorage.getItem("save");

در اینجا متغیر x مقدارش برابر Hi every body! است. 

برای استفاده از localStorage می توان مقداری را از کاربر گرفته و ذخیره کرد. و در دفعات بعدی به ان نمایش داد.