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>Fitur Modern: Optional Chaining (?.)</h2>
    <p id="hasilFitur"></p>

    <script>
        const profil = {
            nama: "Fajar",
            kontak: {
                email: "fajar@skillance.cloud"
            }
        };

        // Mengakses properti bersarang tanpa takut error "Cannot read property of undefined"
        const telepon = profil.kontak?.telepon ?? "Nomor HP Belum Diisi";

        document.getElementById('hasilFitur').innerHTML = 
            "Nama: " + profil.nama + "<br>" +
            "Telepon: <strong>" + telepon + "</strong>";
    </script>
</body>
</html>

Hasil Tampilan (Browser Preview)