Mengatur Nilai Penyimpanan HTML Menggunakan Storage Length DOM
Sebelum memahami lebih dalam materi tentang Mengatur Nilai Penyimpanan HTML Menggunakan Storage Length DOM, terlebih dahulu pelajari materi tentang: Membuat Kunci Penyimpanan HTML Menggunakan Storage Key DOM, Menghentikan Layar HTML Menggunakan Stop Window DOM, dan Mengatur Waktu HTML setTimeout dan setInterval Window DOM.
Sintak: object.length
Contoh: penggunaan object localStorage.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Storage length DOM
</title>
</head>
<body>
<h1
style="color: green">
Blog Elfan
</h1>
<b>
Properti Storage length DOM
</b>
<p>
Klik tombol berikut untuk
menambahkan atau membersihkan
item dan memeriksa nilai
angka saat ini dari item pada
localStorage.
</p>
<p>
Total Items:
<span class="output"></span>
</p>
<button
onclick="addItem(50)">
Add 50 items
</button>
<button
onclick="clearItems()">
Clear all items
</button>
<button
onclick="getStorageLength()">
Get Storage length
</button>
<div
class="items">
</div>
<script>
// Mengatur item.
function addItem(values)
{
for (i = 0; i < values; i++)
localStorage.setItem(i, 'item ' + i);
}
// Membersihkan item.
function clearItems()
{
localStorage.clear();
}
// Mengembalikan nilai angka dari item.
function getStorageLength()
{
totalItems = localStorage.length;
document.querySelector('.output').textContent =
totalItems;
}
</script>
</body>
</html>
Blog Elfan
Properti Storage length DOMKlik tombol berikut untuk menambahkan atau membersihkan item dan memeriksa nilai angka saat ini dari item pada localStorage.
Total Items:
Contoh: penggunaan object sessionStorage.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Storage length DOM
</title>
</head>
<body>
<h1
style="color: green">
Blog Elfan
</h1>
<b>
Properti Storage length DOM
</b>
<p>
Klik tombol berikut untuk
menambah atau membersihkan
item dan memeriksa nilai
angka dari item pada
sessionStorage
</p>
<p>
Total Items:
<span class="output"></span>
</p>
<button
onclick="addItem(10)">
Add 10 items
</button>
<button
onclick="clearItems()">
Clear all items
</button>
<button
onclick="getStorageLength()">
Get Storage length
</button>
<div
class="items">
</div>
<script>
function addItem(values)
{
for (i = 0; i < values; i++)
sessionStorage.setItem(i, 'item ' + i);
}
function clearItems()
{
sessionStorage.clear();
}
function getStorageLength()
{
totalItems = sessionStorage.length;
document.querySelector('.output').textContent =
totalItems;
}
</script>
</body>
</html>
Blog Elfan
Properti Storage length DOMKlik tombol berikut untuk menambah atau membersihkan item dan memeriksa nilai angka dari item pada sessionStorage
Total Items:
- Mengatur Objek Suara HTML Menggunakan Audio Object DOM
- Mengatur Objek Video HTML Menggunakan Video Object DOM
- 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
5 komentar untuk "Mengatur Nilai Penyimpanan HTML Menggunakan Storage Length 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 -
Jenis browser apa saja yang dapat digunakan oleh programmer untuk mengaktifkan properti storage length DOM pada HTML?
BalasHapusBerikut ini beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti storage length DOM pada HTML:
Hapus1a. Google Chrome 4.0
2b. Internet Explorer 8.0
3c. Firefox 3.5
4d. Opera 10.5
5e. Safari 4.0
Apa yang dimaksud dengan storage length DOM pada HTML?
BalasHapusProperti storage length DOM pada HTML merupakan properti yang digunakan untuk mendapatkan nilai dari jumlah item yang ada di dalam suatu objek penyimpanan browser.
HapusProperti length yang dimiliki oleh storage objek, juga dapat berupa objek localStorage atau objek sessionStorage.
Hapus