Lompat ke konten Lompat ke sidebar Lompat ke footer

Membersihkan Penyimpanan Lokal HTML Local Storage Clear DOM

Properti clear() DOM pada HTML merupakan properti yang digunakan untuk menghapus semua item Storage Object untuk nilai domain saat ini.

Penggunaan Properti Local Storage clear() DOM pada HTML
Properti Local Storage Clear

Sebelum memahami lebih dalam materi tentang Membersihkan Penyimpanan Lokal HTML Local Storage Clear DOM, terlebih dahulu pelajari materi tentang: Menghapus Item Penyimpanan HTML Menggunakan removeItem Storage DOM [klik], Mengatur Penyimpanan Item HTML Menggunakan Storage setItem DOM [klik], dan Mendapatkan Item Penyimpanan HTML Menggunakan Storage getItem DOM [klik].

Sintak:
localStorage.clear()

Property Values: tidak terdapat nilai properti apapun yang digunakan pada properti clear().

Baca Juga:

Contoh: mengatur item, membersihkan, dan menampilkannya untuk nilai domain saat ini.

<!DOCTYPE html>

<html>

 

<head>

 

<style>

body 

{

text-align: center;

}

 

h1 

{

color: green;

}

</style>

 

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti Storage clear() DOM 

pada HTML

</h2>

 

<p>

Contoh untuk 

mendemonstrasikan penggunaan 

dari method penyimpanan 

clear() untuk menghapus semua 

item penyimpanan lokal pada 

domain ini.

</p>

 

<p>

Script untuk menciptakan 

beberapa item penyimpanan 

lokal. Klik tombol untuk 

menciptakan item:

</p>

 

<button 

onclick="createItems()">

Create local storage items

</button>

 

<h2>

Display Items

</h2>

 

<p>

Klik tombol untuk menampilkan 

semua item:

</p>

 

<button 

onclick="displayItems()">

Display items

</button>

 

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

 

<h2>

Remove Items

</h2>

 

<p>

Klik tombol untuk 

membersihkan penyimpanan:

</p>

 

<button 

onclick="deleteItems()">

Clear

</button>

 

<h2>

Menampilkan Item Lagi

</h2>

 

<p>

Klik tombol untuk menampilkan 

semua item:

</p>

 

<button 

onclick="displayItems()">

Display again

</button>

 

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

 

<script>

function createItems() 

{

// Mengatur item pada 

// penyimpanan lokal.

localStorage.setItem("MakanDanMakan", "");

 

localStorage.setItem("HTML DOM", "");

 

localStorage.setItem("Storage Clear() Method", "");

}

 

function deleteItems() 

{

// Membersihkan item 

// penyimpanan lokal.

localStorage.clear();

}

 

function displayItems() 

{

var l, i;

// Menampilkan item.

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

 

for (i = 0; i < localStorage.length; i++

{x = localStorage.key(i);

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

}

 

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Storage clear() DOM pada HTML

Contoh untuk mendemonstrasikan penggunaan dari method penyimpanan clear() untuk menghapus semua item penyimpanan lokal pada domain ini.

Script untuk menciptakan beberapa item penyimpanan lokal. Klik tombol untuk menciptakan item:

Display Items

Klik tombol untuk menampilkan semua item:

Remove Items

Klik tombol untuk membersihkan penyimpanan:

Menampilkan Item Lagi

Klik tombol untuk menampilkan semua item:


Artikel ini didedikasikan kepada: Ridho Aditya Nugroho, Ridwan Taufiiqulhakim Wijoseno, Riko Akbar Khoirulhakim, Rimmatul Khasanah, dan Risma Aulia Atiqa.

5 komentar untuk "Membersihkan Penyimpanan Lokal HTML Local Storage Clear DOM"

  1. Jenis browser seperti apa saja yang dapat digunakan untuk mengaktifkan properti local storage clear() DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan pengembang untuk mengaktifkan properti properti local storage clear() DOM pada HTML:
      1) Google Chrome 4.0
      2) Internet Explorer 8.0
      3) Mizilla Firefox 3.5
      4) Opera 10.5
      5) Safari 4.0

      Hapus
  2. Apa yang dimaksud dengan local storage clear pada HTML?

    BalasHapus
    Balasan
    1. Method local storage clear pada HTML merpuakan method yang digunakan untuk menghapus item storage objek untuk nilai domain tertentu, dimana method ini juga dapat berupa object localStorage atau object sessionStorage.

      Hapus
    2. Local storage clear berfungsi untuk menghapus semua nilai kunci yang disimpan pada object penyimpanan tertentu pada browser.

      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 -