JS Home

JS Home

Selamat datang di Tutorial JavaScript Lengkap Skillance Academy resmi dari Skillance Academy Indonesia. JavaScript adalah bahasa pemrograman resmi web yang memberikan kehidupan, interaksi, logika perhitungan, dan animasi pada halaman HTML.

Peran Utama JavaScript dalam Web Modern:

Manipulasi Konten: Mengubah teks, gambar, dan elemen HTML secara langsung saat pengguna mengklik atau mengetik.
Styling Dinamis: Mengubah warna, ukuran, dan animasi CSS saat ada interaksi pengguna.
Komunikasi Server: Mengambil dan mengirim data ke server di latar belakang (Fetch API / AJAX) tanpa perlu memuat ulang seluruh halaman web.

Contoh Kode JS Home:

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

Coba Sendiri (Try it Yourself) »

Uji kode JavaScript di atas dengan menekan tombol atau mengamati perubahan nilai pada elemen HTML.

Selesaikan Topik Ini

Tandai modul selesai untuk mencatat progres akun Anda.

Peran Utama JavaScript dalam Web Modern:

Selesaikan Topik Ini

JavaScript Tutorial