/* styles.css */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #3498db;
color: #fff;
text-align: center;
padding: 20px;
}
nav ul {
list-style-type: none;
background-color: #333;
text-align: center;
padding: 0;
}
nav ul li {
display: inline;
margin: 10px;
}
nav ul li a {
text-decoration: none;
color: #fff;
}
main {
margin: 20px;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px;
}
// script.js
// Contoh data untuk kursus, tugas, dan kuis
const kursus = [
{ judul: "Matematika", deskripsi: "Pelajari dasar-dasar matematika" },
{ judul: "Sejarah", deskripsi: "Jelajahi peristiwa-peristiwa sejarah" },
// Tambahkan lebih banyak kursus di sini
];
const tugas = [
{ judul: "PR Matematika", kursus: "Matematika", batasWaktu: "2023-09-30" },
{ judul: "Esai Sejarah", kursus: "Sejarah", batasWaktu: "2023-10-05" },
// Tambahkan lebih banyak tugas di sini
];
const kuis = [
{ judul: "Kuis Matematika 1", kursus: "Matematika", tanggalSelesai: "2023-10-10" },
{ judul: "Kuis Sejarah 1", kursus: "Sejarah", tanggalSelesai: "2023-10-12" },
// Tambahkan lebih banyak kuis di sini
];
// Fungsi untuk menampilkan kursus
function tampilkanKursus() {
const sectionKursus = document.getElementById("courses");
const daftarKursus = document.createElement("ul");
kursus.forEach(kursus => {
const itemKursus = document.createElement("li");
itemKursus.innerHTML = `${kursus.judul}
${kursus.deskripsi}
`;
daftarKursus.appendChild(itemKursus);
});
sectionKursus.appendChild(daftarKursus);
}
// Fungsi untuk menampilkan tugas
function tampilkanTugas() {
const sectionTugas = document.getElementById("assignments");
const daftarTugas = document.createElement("ul");
tugas.forEach(tugas => {
const itemTugas = document.createElement("li");
itemTugas.innerHTML = `${tugas.judul}
Kursus: ${tugas.kursus}
Batas Waktu: ${tugas.batasWaktu}
`;
daftarTugas.appendChild(itemTugas);
});
sectionTugas.appendChild(daftarTugas);
}
// Fungsi untuk menampilkan kuis
function tampilkanKuis() {
const sectionKuis = document.getElementById("quizzes");
const daftarKuis = document.createElement("ul");
kuis.forEach(kuis => {
const itemKuis = document.createElement("li");
itemKuis.innerHTML = `${kuis.judul}
Kursus: ${kuis.kursus}
Tanggal Selesai: ${kuis.tanggalSelesai}
`;
daftarKuis.appendChild(itemKuis);
});
sectionKuis.appendChild(daftarKuis);
}
// Panggil fungsi-fungsi tampilkan saat halaman dimuat
document.addEventListener("DOMContentLoaded", () => {
tampilkanKursus();
tampilkanTugas();
tampilkanKuis();
});