JavaScript Local/Session storage

loc_storage.js

// Local & Session storage

// Only difference =  local - data remains // Session - erased when browser closed(session ends)

// --------------------------------------------------------------------

// set local storage item
localStorage.setItem('name', 'John');
localStorage.setItem('age', '30');
sessionStorage.setItem('name', 'Beth');

// remove
localStorage.removeItem('name');

// get
const name = localStorage.getItem('name');
const age = localStorage.getItem('age');
console.log(name, age);

localStorage.clear();

// --------------------------------------------------------------------

// Setting stringified array in local storage

document.querySelector('form').addEventListener('submit', function (e) {
	const task = document.getElementById('task').value;

	let tasks;

	if (localStorage.getItem('tasks') === null) {
		tasks = [];
	} else {
		tasks = JSON.parse(localStorage.getItem('tasks'));
	}

	tasks.push(task);

	localStorage.setItem('tasks', JSON.stringify(tasks));

	e.preventDefault();
});

const tasks = JSON.parse(localStorage.getItem('tasks'));
tasks.forEach(function (task) {
	console.log(task);
});