Materi
Roadmap
Proyek
Sertifikat
Skillance Code Lab
Jalankan »
Skillance Code Lab Editor
Editor
Hasil
Split
Editor Kode Sumber
Tekan
Ctrl + Enter
untuk Menjalankan
<!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <style> body { font-family: sans-serif; padding: 20px; background: #f8fafc; } .card { background: white; padding: 20px; border-radius: 8px; border: 1px solid #cbd5e1; max-width: 450px; } ul { background: #f1f5f9; padding: 15px 30px; border-radius: 6px; } button { background: #0d2e5c; color: white; border: none; padding: 8px 16px; border-radius: 6px; cursor: pointer; } </style> </head> <body> <div class="card"> <h3>Utilitas $.each() untuk Looping</h3> <button id="btnLoop">Eksekusi $.each() pada Array</button> <ul id="hasilLoop">Belum ada iterasi...</ul> </div> <script> $(document).ready(function() { $('#btnLoop').click(function() { const bahasa = ["HTML5", "CSS3", "JavaScript", "jQuery", "PHP"]; $('#hasilLoop').empty(); $.each(bahasa, function(indeks, nilai) { $('#hasilLoop').append('<li>Indeks [' + indeks + ']: ' + nilai + '</li>'); }); }); }); </script> </body> </html>
Hasil Tampilan (Browser Preview)
Muat Ulang