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>Object Destructuring & Spread Operator</h2>
    <p id="hasilDestruct"></p>

    <script>
        const mentor = { id: 101, nama: "Budi Santoso", spesialis: "Backend Node.js" };

        // Destructuring
        const { nama, spesialis } = mentor;

        // Spread operator menggabungkan objek
        const profilLengkap = { ...mentor, lokasi: "Sulawesi Tenggara", status: "Aktif" };

        document.getElementById('hasilDestruct').innerHTML = 
            "Nama Mentor: <strong>" + nama + "</strong><br>" +
            "Keahlian: " + spesialis + "<br>" +
            "Lokasi: " + profilLengkap.lokasi;
    </script>
</body>
</html>

Hasil Tampilan (Browser Preview)