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>Menyaring Data dengan filter() & map()</h2>
    <ul id="daftarLulus"></ul>

    <script>
        const nilaiSiswa = [
            { nama: "Budi", skor: 85 },
            { nama: "Siti", skor: 60 },
            { nama: "Rian", skor: 90 },
            { nama: "Dewi", skor: 65 }
        ];

        // Saring yang memiliki skor >= 70
        const yangLulus = nilaiSiswa.filter(s => s.skor >= 70);

        let html = "";
        yangLulus.forEach(s => {
            html += "<li>" + s.nama + " - Skor: <strong>" + s.skor + "</strong> (LULUS)</li>";
        });

        document.getElementById('daftarLulus').innerHTML = html;
    </script>
</body>
</html>

Hasil Tampilan (Browser Preview)