Debug javascript dengan Google Chrome

Buat halaman html yang akan dibuat. Contoh:
hapusaja.html

<html>
<head>
</head>
<body>

<script type="text/javascript">

function Sajikan()
{
 Sel = document.getElementById( "PILIHAN" );
 alert( "Mangga dahar " + Sel.options[ Sel.selectedIndex].value );
}

</script>

Mau buah apa? 
<select id="PILIHAN" onclick="Sajikan()">
<option value="Gedhang">Pisang</option>
<option value="Kates">Pepaya</option>
<option value="Pelem">Mangga</option>
</select>


</body>

</html>

Buka di Google Chrome
Aktifkan debugger dengan klik kanan lalu klik 'Inspect Element'
Layar google chrome akan terbagi menjadi 2 bagian, bagian bawah ada windows untuk melihat elemen-elemen halaman page. Atur proporsi bagian atas dan bagian bawah dengan mendrag pembatas window ke atas atau ke bawah.
Klik Script
Klik baris 11 untuk meletakkan break point di baris tsb.
Sekarang pada pilihan 'Mau buah apa?', pilih salah satu buah:
Setelah pilihan buah diklik, maka debugger akan berhenti pada baris 11. Klik F10 untuk 'step over next function call', atau F11 untuk 'step into next function call'.