Mengatur Penyimpanan Item HTML Menggunakan Storage setItem DOM
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, Mengatur Nilai Penyimpanan HTML Menggunakan Storage Length DOM, dan Membuat Kunci Penyimpanan HTML Menggunakan Storage Key DOM.
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.
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>
Selamat Datang
Properti Storage setItem() DOM pada HTML
Klik tombol untuk menciptakan item penyimpanan lokal.
Klik tombol untuk mendapatkan nilai item:
- Mengetahui Tipe Video pada HTML menggunakan canPlayType DOM
- Memutar Video HTML Menggunakan Load DOM
- Memainkan Video pada HTML Menggunakan Play VIDEO DOM
- Menghentikan Video HTML Menggunakan Pause VIDEO DOM
- Membaca Track Audio HTML Menggunakan audioTracks DOM
- Memutar Audio Otomatis pada HTML Menggunakan Autoplay DOM
- Mendapatkan Waktu Jeda HTML Menggunakan Buffered Audio DOM
5 komentar untuk "Mengatur Penyimpanan Item HTML Menggunakan Storage setItem DOM"
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 -
Sebutkan lima jenis browser yang dapat digunakan untuk mengaktifkan properti storage setItem() DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti storage setItem() DOM pada HTML:
Hapusa. Google Chrome
b. Internet Explorer
c. Firefox
d. Opera
e. Safari
Apa yang dimaksud dengan properti setItem() DOM pada HTML?
BalasHapusProperti setItem() DOM pada HTML merupakan properti yang digunakan untuk menyetel atau mengatur nilai item objek penyimpanan yang telah ditentukan sebelumnya.
HapusMethod 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