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>Alur Kerja AJAX & PHP</h2>
    <ol>
        <li>Pengguna mengetik di input pencarian.</li>
        <li>JavaScript mengirimkan fetch() ke <code>cari.php?q=keyword</code>.</li>
        <li>PHP mengeksekusi query database dan mengembalikan hasil data.</li>
        <li>JavaScript menampilkan hasil secara langsung tanpa kedipan reload!</li>
    </ol>
</body>
</html>

Hasil Tampilan (Browser Preview)