Berikut adalah implementasi yang sesuai dengan permintaan Anda. Saya akan memberikan kode HTML, CSS (untuk warna hitam dan emas), JavaScript (untuk logika soal dan penilaian), dan penggunaan Bootstrap. Saya juga menambahkan fitur suara menggunakan Web Speech API untuk apresiasi suara.
### Kode HTML, CSS, JavaScript, dan Bootstrap:
```html
Ujian Sejarah Indonesia
Ujian Sejarah Indonesia
Masukkan Nama Anda:
Penilaian Akhir
```
### Penjelasan Kode:
1. **HTML**:
- Halaman dimulai dengan input nama pengguna, dan setelah mengisi nama, mereka akan diarahkan ke ujian.
- Setiap soal terdiri dari pertanyaan dan pilihan jawaban, dan jika soal dijawab, aplikasi akan memberikan umpan balik dan melanjutkan ke soal berikutnya.
- Setelah soal terakhir, hasil akhir (nilai dan apresiasi) ditampilkan.
2. **CSS**:
- Warna latar belakang hitam dan teks emas sesuai dengan permintaan.
3. **JavaScript**:
- Mengelola alur kuis, mulai dari menampilkan soal pertama hingga menilai hasil akhir.
- Menggunakan Web Speech API untuk memberikan apresiasi suara kepada pengguna.
- Setiap soal diperiksa, nilai dihitung, dan feedback ditampilkan. Jika benar, nilai bertambah 100, jika salah dikurangi 100.
- Setelah soal terakhir, penilaian akhir dan apresiasi ditampilkan.
4. **Bootstrap**:
- Menggunakan Bootstrap untuk layout dan tombol agar tampilan lebih responsif dan rapi.
### Catatan:
- Pastikan browser yang digunakan mendukung Web Speech API (biasanya di Chrome atau Firefox).
- Anda dapat menyesuaikan teks dan pertanyaan lebih lanjut sesuai kebutuhan.
Dengan kode ini, Anda sudah memiliki aplikasi ujian Sejarah Indonesia yang interaktif dengan penilaian otomatis dan apresiasi suara!