JS Web API

<!DOCTYPE html>
<html>
<body style="font-family: sans-serif; padding: 20px;">
    <h2>Penyimpanan Data Lokal (localStorage)</h2>
    <input type="text" id="inputCatatan" placeholder="Tulis catatan..." style="padding:8px; width:200px;">
    <button onclick="simpanCatatan()" style="padding:8px 12px; cursor:pointer;">Simpan</button>
    <p>Catatan tersimpan: <strong id="catatanTersimpan" style="color:#04AA6D;"></strong></p>

    <script>
        function simpanCatatan() {
            const isi = document.getElementById('inputCatatan').value;
            localStorage.setItem('skillance_note', isi);
            muatCatatan();
        }
        function muatCatatan() {
            const data = localStorage.getItem('skillance_note') || "(Belum ada catatan)";
            document.getElementById('catatanTersimpan').innerText = data;
        }
        muatCatatan();
    </script>
</body>
</html>