Lompat ke konten Lompat ke sidebar Lompat ke footer

Mendapatkan Item Penyimpanan HTML Menggunakan Storage getItem DOM

Properti getItem() DOM pada HTML merupakan properti yang digunakan untuk retrieve object storage yang spesifik terhadap user. Storage object dapat berupa localStorage object atau sessionStorage object.

Sebelum memahami lebih dalam materi tentang Mendapatkan Item Penyimpanan HTML Menggunakan Storage getItem DOM, terlebih dahulu pelajari materi tentang: Mengatur Nilai Penyimpanan HTML Menggunakan Storage Length DOM, Membuat Kunci Penyimpanan HTML Menggunakan Storage Key DOM, dan Menghentikan Layar HTML Menggunakan Stop Window DOM.

Sintak:
  • Untuk local storage: localStorage.getItem(keyname)
  • Untuk session storage: sessionStorage.getItem(keyname)

Parameter Properti: membutuhkan sebuah Keyname yang digunakan untuk menentukan nama dari key yang digunakan untuk mendapatkan nilai dari properti.

Baca Juga:

Return Values: berupa sebuah string yang merepresentasikan nilai dari key spesifik.

Contoh: mendapatkan nilai item dari local storage.

<!DOCTYPE html>

<html>

 

<head>

<!-- Script untuk menciptakan 

item penyimpanan lokal baru 

dan melakukan retrieve -->

<script>

function createItem() 

{

localStorage.name = "MakandanMakan";

}

 

function myFunction() 

{

// Mendapatkan nama dari item 

// dari penyimpanan lokal.

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

document.getElementById("demo").innerHTML =

x;

}

</script>

</head>

 

<body>

 

<h1>

Selamat datang

</h1>

 

<h3>

Properti Storage getItem()

</h3>

 

<p>

Klik tombol untuk menciptakan 

sebuah 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 getItem()

Klik tombol untuk menciptakan sebuah item penyimpanan lokal.

Klik tombol untuk mendapatkan nilai item.


Artikel ini didedikasikan kepada: Rakhmat Purnan Ainal Yaqin, Regina Dinda Pramesti, Reska Dwi Oktaviani, Ridho Aditya Nugroho, dan Ridwan Taufiiqulhakim Wijoseno.

5 komentar untuk "Mendapatkan Item Penyimpanan HTML Menggunakan Storage getItem DOM"

  1. Jenis browser apa saja yang dapat digunakan oleh pengembang untuk mengaktifkan properti getItem() Storage DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti getItem() Storage DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa yang dimaksud dengan storage getItem() DOM pada HTML?

    BalasHapus
    Balasan
    1. Storage getItem() DOM pada HTML merupakan storage atau penyimpanan yang digunakan untuk mendapatkan nilai objek penyimpanan dengan meneruskan nama kunci yang telah diberikan sebelumnya.

      Hapus
    2. Properti getItem() DOM pada HTML merupakan properti yang digunakan untuk mengakses atau mengambil data dari penyimpanan lokal browser, yang digunakan untuk mencegah terjadinya kegagalan ketika merangkai objek yang menghasilkan suatu kesalahan atau error.

      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 -