JS DOM Navigation

<!DOCTYPE html>
<html>
<body style="font-family: sans-serif; padding: 20px;">
    <h2>Navigasi Anak Elemen (children)</h2>
    <div id="indukKotak" style="background:#f1f5f9; padding:15px; border-radius:8px;">
        <p>Paragraf Pertama</p>
        <p>Paragraf Kedua</p>
    </div>
    <button onclick="sorotAnakPertama()" style="margin-top:10px; padding:8px 15px; cursor:pointer;">Sorot Anak Pertama</button>

    <script>
        function sorotAnakPertama() {
            const induk = document.getElementById('indukKotak');
            induk.firstElementChild.style.color = "#04AA6D";
            induk.firstElementChild.style.fontWeight = "bold";
        }
    </script>
</body>
</html>