mtk gmn

<button id="mulaiUjianBtn" onclick="mulaiUjian()">Mulai Ujian</button>

<hr>

<form id="quizForm">

<div class="soal">
<p><strong>1. Hasil dari −25
times(8+(−3)):(2−7) adalah...</strong></p>
<label><input type="radio" name="q1" value="A" disabled> A. -25</label><br>
<label><input type="radio" name="q1" value="B" disabled> B. -20</label><br>
<label><input type="radio" name="q1" value="C" disabled> C. 20</label><br>
<label><input type="radio" name="q1" value="D" disabled> D. 25</label><br>
</div>

<hr>

<div class="soal">
<p><strong>2. Ibu membeli 2
frac12 kg gula. Kemudian, ia membeli lagi 1
frac14 kg gula. Gula tersebut digunakan untuk membuat kue sebanyak 1
frac35 kg. Sisa gula ibu sekarang adalah... kg</strong></p>
<label><input type="radio" name="q2" value="A" disabled> A. 2
frac320</label><br>
<label><input type="radio" name="q2" value="B" disabled> B. 2
frac110</label><br>
<label><input type="radio" name="q2" value="C" disabled> C. 1
frac920</label><br>
<label><input type="radio" name="q2" value="D" disabled> D. 1
frac310</label><br>
</div>

<hr>

<div class="soal">
<p><strong>3. Kelipatan Persekutuan Terkecil (KPK) dari 24, 36, dan 40 adalah...</strong></p>
<label><input type="radio" name="q3" value="A" disabled> A. 120</label><br>
<label><input type="radio" name="q3" value="B" disabled> B. 240</label><br>
<label><input type="radio" name="q3" value="C" disabled> C. 360</label><br>
<label><input type="radio" name="q3" value="D" disabled> D. 720</label><br>
</div>

<hr>

<div class="soal">
<p><strong>4. Sebuah taman berbentuk lingkaran dengan diameter 28 meter. Luas taman tersebut adalah... m 
2
 . (Gunakan 
pi=
frac227)</strong></p>
<label><input type="radio" name="q4" value="A" disabled> A. 154</label><br>
<label><input type="radio" name="q4" value="B" disabled> B. 308</label><br>
<label><input type="radio" name="q4" value="C" disabled> C. 616</label><br>
<label><input type="radio" name="q4" value="D" disabled> D. 1232</label><br>
</div>

<hr>

<div class="soal">
<p><strong>5. Data nilai ulangan Matematika siswa kelas 6 adalah sebagai berikut: 8, 7, 9, 6, 7, 8, 10, 7, 8, 9, 6, 8. Modus dari data tersebut adalah...</strong></p>
<label><input type="radio" name="q5" value="A" disabled> A. 6</label><br>
<label><input type="radio" name="q5" value="B" disabled> B. 7</label><br>
<label><input type="radio" name="q5" value="C" disabled> C. 8</label><br>
<label><input type="radio" name="q5" value="D" disabled> D. 9</label><br>
</div>

<hr>

<div class="soal">
<p><strong>6. Volume sebuah balok adalah 1.620 cm 
3
 . Jika panjangnya 15 cm dan lebarnya 9 cm, maka tinggi balok tersebut adalah... cm.</strong></p>
<label><input type="radio" name="q6" value="A" disabled> A. 10</label><br>
<label><input type="radio" name="q6" value="B" disabled> B. 12</label><br>
<label><input type="radio" name="q6" value="C" disabled> C. 15</label><br>
<label><input type="radio" name="q6" value="D" disabled> D. 18</label><br>
</div>

<hr>

<div class="soal">
<p><strong>7. Jarak antara kota A dan kota B pada peta adalah 6 cm. Jika skala peta adalah 1 : 1.500.000, jarak sebenarnya kedua kota tersebut adalah... km.</strong></p>
<label><input type="radio" name="q7" value="A" disabled> A. 9</label><br>
<label><input type="radio" name="q7" value="B" disabled> B. 90</label><br>
<label><input type="radio" name="q7" value="C" disabled> C. 900</label><br>
<label><input type="radio" name="q7" value="D" disabled> D. 9000</label><br>
</div>

<hr>

<div class="soal">
<p><strong>8. Hasil panen padi Pak Budi adalah 1,2 ton. Sebanyak 
frac25 bagian disimpan untuk makan sendiri, dan sisanya dijual. Padi yang dijual Pak Budi adalah... kuintal.</strong></p>
<label><input type="radio" name="q8" value="A" disabled> A. 4,8</label><br>
<label><input type="radio" name="q8" value="B" disabled> B. 6,0</label><br>
<label><input type="radio" name="q8" value="C" disabled> C. 7,2</label><br>
<label><input type="radio" name="q8" value="D" disabled> D. 12</label><br>
</div>

<hr>

<div class="soal">
<p><strong>9. Sebuah akuarium berbentuk kubus memiliki panjang rusuk 60 cm. Volume air maksimal yang dapat ditampung akuarium tersebut adalah... liter.</strong></p>
<label><input type="radio" name="q9" value="A" disabled> A. 21,6</label><br>
<label><input type="radio" name="q9" value="B" disabled> B. 36</label><br>
<label><input type="radio" name="q9" value="C" disabled> C. 216</label><br>
<label><input type="radio" name="q9" value="D" disabled> D. 360</label><br>
</div>

<hr>

<div class="soal">
<p><strong>10. Perbandingan umur Ayah dan Kakak adalah 7 : 3. Jika jumlah umur mereka sekarang adalah 60 tahun, maka umur Kakak adalah... tahun.</strong></p>
<label><input type="radio" name="q10" value="A" disabled> A. 18</label><br>
<label><input type="radio" name="q10" value="B" disabled> B. 21</label><br>
<label><input type="radio" name="q10" value="C" disabled> C. 24</label><br>
<label><input type="radio" name="q10" value="D" disabled> D. 42</label><br>
</div>

</form>

<hr>

<button id="selesaiBtn" onclick="hitungSkor()" disabled>Selesai</button>

<div id="hasil" style="margin-top: 20px; display: none;">
<h3>Hasil Ujian:</h3>
<p>Skor Anda: <strong id="skor"></strong> / 100</p>
<hr>
<h3>Pembahasan:</h3>
<div id="pembahasan-semua">
<div class="pembahasan-item">
<p><strong>1. Jawaban: D. 25</strong></p>
<p>Pembahasan: Kerjakan operasi dalam kurung terlebih dahulu, lalu perkalian/pembagian dari kiri ke kanan.</p>
<p>$ -25 \times (8 + (-3)) : (2 - 7) $\
\ = -25 \times (5) : (-5) $\
\ = -125 : (-5) $\
\ = 25 $</p>
</div>
<div class="pembahasan-item">
<p><strong>2. Jawaban: A. 2
frac320</strong></p>
<p>Pembahasan: Ubah semua pecahan campuran menjadi pecahan biasa dan samakan penyebutnya.</p>
<p>$ 2 \frac{1}{2} + 1 \frac{1}{4} - 1 \frac{3}{5} $\
\ = \frac{5}{2} + \frac{5}{4} - \frac{8}{5} $ (KPK dari 2, 4, 5 adalah 20)</p>
<p>$ = \frac{50}{20} + \frac{25}{20} - \frac{32}{20} $\
\ = \frac{75 - 32}{20} = \frac{43}{20} $\
\ = 2 \frac{3}{20} $ kg</p>
</div>
<div class="pembahasan-item">
<p><strong>3. Jawaban: C. 360</strong></p>
<p>Pembahasan: Cari faktorisasi prima dari setiap bilangan:</p>
<p>$ 24 = 2^3 \times 3 $\
\ 36 = 2^2 \times 3^2 $\
\ 40 = 2^3 \times 5 $\
\
\ KPK = 2^3 \times 3^2 \times 5 = 8 \times 9 \times 5 = 360 $</p>
</div>
<div class="pembahasan-item">
<p><strong>4. Jawaban: C. 616</strong></p>
<p>Pembahasan: Diameter (d) = 28 m, maka jari-jari (r) = d/2 = 14 m.</p>
<p>Luas Lingkaran $ = \pi \times r^2 $\
\ = \frac{22}{7} \times 14 \times 14 $\
\ = 22 \times 2 \times 14 $\
\ = 44 \times 14 = 616 , m^2 $\
\
\

\ \ \ \ \ \ \ \ \ \ \ \
\ \ \
$\ \$\ \$\ \$\ \$\ \$\ \ \$\ \dm 
3
 cm 
3
 $\ \$\ \
<script>
const kunciJawaban = {
q1: 'D', q2: 'A', q3: 'C', q4: 'C', q5: 'C',
q6: 'B', q7: 'B', q8: 'C', q9: 'C', q10: 'A'
};

const form = document.getElementById('quizForm');
const radioButtons = form.querySelectorAll('input[type="radio"]');
const mulaiBtn = document.getElementById('mulaiUjianBtn');
const selesaiBtn = document.getElementById('selesaiBtn');
const hasilDiv = document.getElementById('hasil');
const skorSpan = document.getElementById('skor');
const pembahasanDiv = document.getElementById('pembahasan-semua');

function mulaiUjian() {
radioButtons.forEach(rb => {
rb.disabled = false; // Aktifkan radio button
});
mulaiBtn.disabled = true; // Nonaktifkan tombol Mulai
selesaiBtn.disabled = false; // Aktifkan tombol Selesai
hasilDiv.style.display = 'none'; // Sembunyikan hasil jika pernah muncul
// Reset pilihan sebelumnya jika ada
form.reset();
}

function hitungSkor() {
let skor = 0;
const totalSoal = Object.keys(kunciJawaban).length;

for (const [soal, jawabanBenar] of Object.entries(kunciJawaban)) {
  const pilihanUser = form.querySelector(`input[name="${soal}"]:checked`);
  if (pilihanUser && pilihanUser.value === jawabanBenar) {
    skor++;
  }
}

const nilaiAkhir = (skor / totalSoal) * 100;
skorSpan.textContent = nilaiAkhir.toFixed(0); // Tampilkan skor tanpa desimal
hasilDiv.style.display = 'block'; // Tampilkan bagian hasil dan pembahasan
pembahasanDiv.style.display = 'block'; // Pastikan pembahasan terlihat

// Nonaktifkan semua input setelah selesai
radioButtons.forEach(rb => {
  rb.disabled = true;
});
selesaiBtn.disabled = true; // Nonaktifkan tombol Selesai
mulaiBtn.disabled = false; // Aktifkan kembali tombol Mulai untuk mencoba lagi
}

// Tambahkan event listener jika perlu (alternatif dari onclick di HTML)
// mulaiBtn.addEventListener('click', mulaiUjian);
// selesaiBtn.addEventListener('click', hitungSkor);

</script>

<style>
/* Tambahkan sedikit style agar lebih rapi (opsional) */
.soal { margin-bottom: 15px; padding: 10px; border: 1px solid #eee; border-radius: 5px; }
.soal p { margin-bottom: 8px; font-weight: bold;}
.soal label { display: block; margin-bottom: 5px; font-weight: normal;}
.pembahasan-item { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dashed #ccc;}
.pembahasan-item p:first-child { font-weight: bold; }
#hasil h3 { color: #0056b3; }
#skor { font-size: 1.2em; color: green; }
button { padding: 10px 15px; background-color: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; margin-right: 10px;}
button:disabled { background-color: #ccc; cursor: not-allowed; }
</style>

Cara Menggunakan Kode Ini di WordPress:

Buat Postingan Baru atau Edit Postingan yang Ada.
Pastikan Anda berada di editor Teks atau HTML (bukan editor Visual). Di editor blok Gutenberg, Anda bisa menggunakan blok "HTML Kustom".
Salin seluruh kode di atas1 (mulai dari Halo adik-adik kelas 6! sampai </style>).   
1.
github.com
github.com
Tempelkan kode tersebut ke dalam editor Teks/HTML/Blok HTML Kustom.
Pratinjau postingan Anda untuk melihat tampilannya.
Publikasikan atau Perbarui postingan.
Catatan Tambahan:

Kode JavaScript di atas bersifat dasar. Jika Anda ingin fitur yang lebih canggih (misalnya, menandai jawaban benar/salah secara langsung, timer), penggunaan plugin kuis WordPress sangat disarankan.
Pastikan tema WordPress Anda tidak mengganggu fungsi JavaScript dasar ini.
Anda bisa menyesuaikan soal, jawaban, dan pembahasan sesuai kebutuhan.
Semoga latihan soal ini bermanfaat dan sukses untuk ujiannya!






Canvas

Gemin