Web Storage API

<!DOCTYPE html>
<html>
<body>

    <h3>Simpan Data di Browser (localStorage)</h3>
    <input type="text" id="namaInput" placeholder="Ketik nama Anda..." style="padding:6px;">
    <button onclick="simpanNama()">Simpan</button>
    <p id="pesanTersimpan"></p>

    <script>
        function simpanNama() {
            const val = document.getElementById(\'namaInput\').value;
            localStorage.setItem(\'user_name\', val);
            tampilkanNama();
        }
        function tampilkanNama() {
            const saved = localStorage.getItem(\'user_name\');
            if (saved) {
                document.getElementById(\'pesanTersimpan\').innerText = "Halo, " + saved + "! (Tersimpan di browser)";
            }
        }
        tampilkanNama();
    </script>

</body>
</html>