Ayam Goreng Super Crunchy Super Krebo

Aplikasi Kelulusan

Nama Siswa:
Jumlah Mata Pelajaran:

CSS (style.css) CSS body { font-family: Arial, sans-serif; } #form-kelulusan { width: 50%; margin: 20px auto; padding: 20px; border: 1px solid #ccc; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } #input-nilai { margin-top: 20px; } #hasil { margin-top: 20px; font-size: 18px; font-weight: bold; } JavaScript (script.js) JavaScript const formKelulusan = document.getElementById('form-kelulusan'); const inputNilai = document.getElementById('input-nilai'); const hasil = document.getElementById('hasil'); formKelulusan.addEventListener('submit', (e) => { e.preventDefault(); const namaSiswa = document.getElementById('nama-siswa').value; const jumlahMapel = parseInt(document.getElementById('jumlah-mapel').value); const nilai = []; for (let i = 0; i < jumlahMapel; i++) { const input = document.createElement('input'); input.type = 'number'; input.placeholder = `Nilai Mata Pelajaran ${i + 1}`; inputNilai.appendChild(input); nilai.push(parseFloat(input.value)); } const hitungButton = document.getElementById('hitung'); hitungButton.addEventListener('click', () => { const rataRata = nilai.reduce((a, b) => a + b, 0) / jumlahMapel; const statusKelulusan = rataRata >= 75 ? 'LULUS' : 'TIDAK LULUS'; hasil.innerHTML = `

Nama Siswa: ${namaSiswa}

Nilai Rata-Rata: ${rataRata.toFixed(2)}

Status Kelulusan: ${statusKelulusan}

`; }); });