# 🌐 Medan Listrik - Website Edukasi Fisika Website interaktif untuk mempelajari konsep medan listrik dengan visualisasi yang menarik. ## 📋 Daftar File - **index.html** - File utama website - **styles.css** - Styling dan desain - **script.js** - Interaktivitas dan visualisasi medan listrik ## 🚀 Cara Menjalankan ### Metode 1: Menggunakan Tombol Run di VS Code (Recommended) 1. Buka VS Code di folder `fisika` 2. Tekan `Ctrl+Shift+D` (atau klik tombol Run di sidebar) 3. Atau tekan `Ctrl+Shift+B` untuk menjalankan build task 4. Pilih **"🚀 Jalankan Website (Run)"** dari dropdown Server akan berjalan di `http://localhost:8000` ### Metode 2: Menggunakan Command Palette 1. Tekan `Ctrl+Shift+P` di VS Code 2. Ketik "Run Task" 3. Pilih **"🚀 Jalankan Website (Run)"** 4. Tekan Enter ### Metode 3: Membuka Browser Secara Otomatis Jalankan task **"🌐 Buka di Browser"** untuk otomatis membuka website di browser default Anda ### Metode 4: Manual dengan Python Buka PowerShell/Terminal di folder `fisika` dan jalankan: ```powershell python -m http.server 8000 ``` Kemudian buka browser dan akses: `http://localhost:8000` ## ⏹️ Menghentikan Server - Klik tombol **Stop** di VS Code terminal, atau - Jalankan task **"⏹️ Stop Server"** dari command palette ## 📚 Fitur Website ✨ **Konten Lengkap:** - Pengertian medan listrik - Rumus-rumus penting - Contoh soal dengan pembahasan 🎨 **Visualisasi Interaktif:** - Simulasi medan listrik untuk berbagai jenis muatan - Kontrol magnitude muatan - Garis medan dengan arah panah - Klik untuk melihat kuat medan 📱 **Responsif:** - Bekerja di desktop, tablet, dan mobile - Design modern dan user-friendly ## 🔧 Requirements - Python 3.x (untuk menjalankan HTTP server) - Web browser modern (Chrome, Firefox, Edge, Safari) ## 💡 Tips - Gunakan task "🚀 Jalankan Website (Run)" untuk development - Server akan terus berjalan di background - Refresh browser (F5) untuk melihat perubahan - Cek console browser (F12) untuk debug --- **Dibuat dengan ❤️ untuk pendidikan fisika** # MedanListrik