Tryit Editor v1.0 - Skillance Academy

Editor Kode Sumber Tekan Ctrl + Enter untuk Menjalankan

<!DOCTYPE html>
<html>
<head>
    <title>Skillance Tryit Editor</title>
    <style>
        body { font-family: sans-serif; text-align: center; padding: 40px; background: #f0fdf4; color: #166534; }
        .box { background: white; padding: 30px; border-radius: 16px; border: 2px solid #86efac; max-width: 400px; margin: auto; box-shadow: 0 4px 20px rgba(0,0,0,0.06); }
        h1 { margin-top: 0; color: #15803d; }
        .btn { background: #16a34a; color: white; border: none; padding: 10px 20px; border-radius: 8px; font-weight: bold; cursor: pointer; }
    </style>
</head>
<body>

    <div class="box">
        <h1>🌱 Halo Dunia Koding!</h1>
        <p>Ubah kode di editor sebelah kiri, lalu klik tombol hijau <strong>Jalankan &raquo;</strong> di atas!</p>
        <button class="btn" onclick="alert('Hebat! Skrip Anda berjalan dengan lancar.')">Klik Saya</button>
    </div>

</body>
</html>

Hasil Tampilan (Browser Preview)