Menyimpan di local storage dengan Javascript atau php

----------------------------------------------

JS

----------------------------------------------

//define a function to set cookies

function setCookie(name,value,days) {

var expires = "";

if (days) {

var date = new Date();

date.setTime(date.getTime() + (days*24*60*60*1000));

expires = "; expires=" + date.toUTCString();

}

document.cookie = name + "=" + (value || "") + expires + "; path=/";

}

//get your item from the localStorage

var myItem = localStorage.getItem('myItem');

setCookie('cookieName', myItem, 7);

----------------------------------------------

PHP

----------------------------------------------

$myItem = '';

if(isset($_COOKIE['cookieName'])) {

$myItem = $_COOKIE['cookieName'];

}

Untuk menggunakan local storage pastikan kode kalian jalan di browser bukan di server (SSR) ataupun node js. Jika kalian menggunakan SSR, untuk pengecekan kalian bisa mengecek apakah window tersedia atau tidak, jika kode kalian berjalan di client, kalian tidak perlu lagi mengecek karena local storage sudah tersedia.

if (window) {
// akses local storage
}

atau

window && // akses local storage

Local storage memiliki beberapa fungsi untuk melakukan manipulasi. Yaitu setItem, getItem, removeItem dan clear.

// CREATE
localStorage.setItem('hello', 'Hello World!'); // Menyimpan string 'Hello World' dengan key 'hello'

// READ
localStorage.getItem('hello'); //  mengambil key 'Hello World!'

// REMOVE
localStorage.removeItem('hello'); // Menghapus key 'hello'

// REMOVE ALL
localStorage.clear(); // Semua local storage pada domain kamu akan dihapus

Yang perlu diperhatikan local storage hanya bisa digunakan untuk menyimpan string, jika kalian mau menyimpan object atau array, perlu di stringify terlebih dahulu. Dan jika kalian menyimpan number, akan diubah juga menjadi string.

Lengkapnya ada disini bro https://blog.logrocket.com/localstorage-javascript-complete-guide/

https://www.javascripttutorial.net/web-apis/javascript-sessionstorage/