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>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>

Hasil Tampilan (Browser Preview)