Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Penyimpanan Item HTML Menggunakan Storage setItem DOM

Properti setItem() DOM pada HTML merupakan properti yang digunakan untuk mengatur nilai object storage yang ditentukan oleh user. Storage object dapat berupa objek localStorage atau objek sessionStorage.

Sebelum memahami lebih dalam materi tentang Mengatur Penyimpanan Item HTML Menggunakan Storage setItem DOM, terlebih dahulu pelajari materi tentang: Mendapatkan Item Penyimpanan HTML Menggunakan Storage getItem DOM [klik], Mengatur Nilai Penyimpanan HTML Menggunakan Storage Length DOM [klik], dan Membuat Kunci Penyimpanan HTML Menggunakan Storage Key DOM [klik].

Sintak:
  • Untuk local storage: localStorage.setItem(keyname, value)
  • Untuk session storage: sessionStorage.setItem(keyname, value)

Parameter Properti: terdapat dua jenis parameter yang dapat digunakan pada properti setItem().
  • Keyname: digunakan untuk menentukan nama dari key yang digunakan untuk mendapatkan nilai dari properti.
  • value: digunakan untuk menentukan nilai yang menggantikan nilai yang telah disimpan sebelumnya.

Return Values: berfungsi untuk mengembalikan sebuah string yang merepresentasikan nilai yang dimasukkan.

Baca Juga:

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<!-- Script untuk menciptakan 

item penyimpanan lokal baru 

dan melakukan retrieve -->

<script>

// Mengatur item pada 

// penyimpanan lokal.

function createItem() 

{

localStorage.setItem("city", "Gwalior");

}

 

function myFunction() 

{

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

document.getElementById("demo").innerHTML = x;

}

</script>

</head>

 

<body>

 

<h1>

Selamat Datang

</h1>

 

<h3>

Properti Storage setItem() 

DOM pada HTML

</h3>

 

<p>

Klik tombol untuk menciptakan 

item penyimpanan lokal.

</p>

 

<button 

onclick="createItem()">

Create local storage item

</button>

 

<p>

Klik tombol untuk mendapatkan 

nilai item:

</p>

 

<button 

onclick="myFunction()">

Get the item value

</button>

 

<p id="demo"></p>

 

</body>

 

</html>

Output:

Selamat Datang

Properti Storage setItem() DOM pada HTML

Klik tombol untuk menciptakan item penyimpanan lokal.

Klik tombol untuk mendapatkan nilai item:


Artikel ini didedikasikan kepada: Regina Dinda Pramesti, Reska Dwi Oktaviani, Ridho Aditya Nugroho, Ridwan Taufiiqulhakim Wijoseno, dan Riko Akbar Khoirulhakim.

5 komentar untuk "Mengatur Penyimpanan Item HTML Menggunakan Storage setItem DOM"

  1. Sebutkan lima jenis browser yang dapat digunakan untuk mengaktifkan properti storage setItem() DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti storage setItem() DOM pada HTML:
      a. Google Chrome
      b. Internet Explorer
      c. Firefox
      d. Opera
      e. Safari

      Hapus
  2. Apa yang dimaksud dengan properti setItem() DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti setItem() DOM pada HTML merupakan properti yang digunakan untuk menyetel atau mengatur nilai item objek penyimpanan yang telah ditentukan sebelumnya.

      Hapus
    2. Method HTML DOM Storage setItem() merupakan method atau properti yang digunakan untuk menghapus item object penyimpanan dengan meneruskan suatu nama kunci tertentu yang telah diberikan sebelumnya.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -