JS Objects Advanced

<!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>