Tryit Editor v1.0 - Skillance Academy

Editor Kode Sumber Tekan Ctrl + Enter untuk Menjalankan

<!DOCTYPE html>
<html>
<body style="font-family: sans-serif; padding: 20px;">
    <h2>Serialisasi JSON</h2>
    <p id="hasilJson"></p>

    <script>
        // Objek JS
        const dataKelas = { judul: "Belajar JavaScript Skillance Academy", modul: 49, aktif: true };

        // Ubah menjadi teks string JSON
        const jsonTeks = JSON.stringify(dataKelas);

        // Ubah kembali string menjadi Objek JS
        const dataHasil = JSON.parse(jsonTeks);

        document.getElementById('hasilJson').innerHTML = 
            "String JSON Mentah: <code>" + jsonTeks + "</code><br><br>" +
            "Dibaca Kembali Sebagai Objek: <strong>" + dataHasil.judul + "</strong>";
    </script>
</body>
</html>

Hasil Tampilan (Browser Preview)