elektronika-edu/ │ ├── index.html ├── style.css └── script.js #4513
Description
🔌 Belajar Elektronika Dasar
Pengenalan Rangkaian Lampu LED Sensor SuhuSelamat Datang di Dunia Elektronika ⚡
Pilih topik di atas untuk mulai belajar merangkai komponen elektronika dengan panduan langkah demi langkah.
© 2025 Belajar Elektronika | Dibuat dengan ❤️ oleh Kamu
<script src="script.js"></script> body { font-family: "Poppins", sans-serif; background: #f2f6f9; color: #333; margin: 0; padding: 0; }header {
background: #004d99;
color: white;
text-align: center;
padding: 20px;
}
nav a {
color: white;
margin: 0 10px;
text-decoration: none;
font-weight: bold;
}
nav a:hover {
text-decoration: underline;
}
main {
padding: 30px;
max-width: 800px;
margin: 0 auto;
}
section {
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
footer {
text-align: center;
padding: 10px;
background: #004d99;
color: white;
margin-top: 30px;
}
img {
width: 100%;
border-radius: 10px;
margin: 10px 0;
}
const content = document.getElementById("content");
const navLinks = document.querySelectorAll(".nav-link");
navLinks.forEach(link => {
link.addEventListener("click", (e) => {
e.preventDefault();
const topic = e.target.dataset.topic;
showTopic(topic);
});
});
function showTopic(topic) {
if (topic === "pengenalan") {
content.innerHTML = <h2>Pengenalan Elektronika</h2> <p>Elektronika adalah ilmu yang mempelajari penggunaan arus listrik dalam mengendalikan perangkat atau sistem.</p> <ul> <li>🔋 Sumber daya listrik (baterai, adaptor)</li> <li>💡 Komponen pasif (resistor, kapasitor, induktor)</li> <li>⚙️ Komponen aktif (transistor, IC, dioda)</li> </ul> <img src="https://upload.wikimedia.org/wikipedia/commons/9/99/Electronic_components.jpg" alt="Komponen elektronika">;
}
else if (topic === "lampu-led") {
content.innerHTML = `
Rangkaian Lampu LED Sederhana
Rangkaian ini menunjukkan cara menyalakan LED menggunakan baterai dan resistor agar tidak terbakar.
🧩 Komponen:
- 1x LED
- 1x Resistor 220Ω
- 1x Baterai 9V
- Kabel jumper
<h3>🔧 Langkah-langkah:</h3>
<ol>
<li>Sambungkan kaki positif baterai ke salah satu ujung resistor.</li>
<li>Ujung resistor lainnya disambungkan ke kaki panjang LED (positif).</li>
<li>Kaki pendek LED (negatif) sambungkan ke negatif baterai.</li>
</ol>
<img src="https://www.electronicshub.org/wp-content/uploads/2015/10/LED-Circuit.jpg" alt="Rangkaian LED sederhana">
<p><b>Penjelasan:</b> Resistor membatasi arus listrik supaya LED tidak rusak karena kelebihan arus.</p>
`;
}
else if (topic === "sensor-suhu") {
content.innerHTML = `
Rangkaian Sensor Suhu LM35
Sensor LM35 digunakan untuk mendeteksi suhu lingkungan dan menghasilkan tegangan proporsional terhadap suhu.
<h3>🧩 Komponen:</h3>
<ul>
<li>1x LM35</li>
<li>1x Arduino UNO</li>
<li>Beberapa kabel jumper</li>
<li>Software Arduino IDE</li>
</ul>
<h3>🔧 Langkah-langkah:</h3>
<ol>
<li>Sambungkan pin Vout LM35 ke pin A0 Arduino.</li>
<li>Sambungkan pin VCC LM35 ke 5V Arduino.</li>
<li>Sambungkan pin GND LM35 ke GND Arduino.</li>
<li>Buka Arduino IDE, lalu masukkan kode berikut:</li>
</ol>
<pre><code>
void setup() {
Serial.begin(9600);
}
void loop() {
int sensorValue = analogRead(A0);
float voltage = sensorValue * (5.0 / 1023.0);
float temperatureC = voltage * 100;
Serial.print("Suhu: ");
Serial.print(temperatureC);
Serial.println(" °C");
delay(1000);
}
<img src="https://www.electronicwings.com/public/images/user_images/images/Arduino%20Projects/LM35%20Temperature%20Sensor%20Interfacing%20with%20Arduino/LM35_Arduino_bb.png" alt="Rangkaian LM35 dengan Arduino">
<p><b>Penjelasan:</b> Tegangan output LM35 meningkat sebesar 10mV setiap kenaikan suhu 1°C.</p>
`;
}
}