Untuk berinteraksi dengan antarmuka pengguna, gunakan innerHTML atau textContent. Untuk pengujian internal developer saat debugging, gunakan console.log().
JS Output
Contoh Kode JS Output:
<!DOCTYPE html>
<html>
<body style="font-family: sans-serif; padding: 20px;">
<h2>Metode Output JavaScript</h2>
<div id="outputArea" style="background:#f1f5f9; padding:15px; border-radius:8px; margin-bottom:15px;">
Area innerHTML
</div>
<button onclick="cetakOutput()">Jalankan Output</button>
<script>
function cetakOutput() {
// 1. innerHTML
document.getElementById('outputArea').innerHTML = "<strong>Output via innerHTML berhasil!</strong>";
// 2. console.log
console.log("Pesan ini dicetak ke console browser (F12)!");
// 3. window.alert
alert("Notifikasi alert dari Skillance Academy!");
}
</script>
</body>
</html>
Uji kode JavaScript di atas dengan menekan tombol atau mengamati perubahan nilai pada elemen HTML.