Tryit Editor v1.0 - Skillance Academy

Editor Kode Sumber Tekan Ctrl + Enter untuk Menjalankan

<!DOCTYPE html>
<html>
<head>
    <style>
        body { font-family: Arial, sans-serif; text-align: center; padding: 40px; background: #f8fafc; }
        .kotak-pesan { background: white; padding: 30px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); display: inline-block; }
        .btn-aksi { background: #0d2e5c; color: white; border: none; padding: 12px 24px; border-radius: 8px; font-weight: bold; cursor: pointer; }
        .btn-aksi:hover { background: #fca311; color: #0d2e5c; }
    </style>
</head>
<body>
    <div class="kotak-pesan">
        <h2 id="demo">Apa yang Bisa Dilakukan JavaScript?</h2>
        <p>JavaScript dapat memanipulasi konten HTML secara instan!</p>
        <button class="btn-aksi" onclick="ubahTeks()">Klik Saya &raquo;</button>
    </div>

    <script>
        function ubahTeks() {
            document.getElementById('demo').innerHTML = "Halo dari JavaScript Skillance Academy! 🚀";
            document.getElementById('demo').style.color = "#04AA6D";
        }
    </script>
</body>
</html>

Hasil Tampilan (Browser Preview)