Membuat Soal
Essay, Pilihan Ganda, Soal Evaluasi Diri, dan Soal Evaluasi,
SOAL LATIHAN ESSAY
<p><span style="font-style: italic;">Kerjakan semua soal di bawah ini di kertas, kemudian cocokan dengan alternatif penyelesaiannya!</span></p>
<!--SOAL ESSAY KLIK JAWABAN-->
<ul style="list-style-type: decimal-leading-zero;">
<!--SOAL 1-->
<li><div style="text-align: left;"> Soal essay 1=</div>
<button class="alt_penyelesaian" onclick="getFeedback('01','1')">Alternatif penyelesaian</button>
<p id="fb01_1" style="color: red; display: none;"> Pembahasan 1<br/><br/></p></li>
<!--SOAL 2-->
<li><div style="text-align: left;">Soal essay 2</div>
<button class="alt_penyelesaian" onclick="getFeedback('02','1')">Alternatif penyelesaian</button>
<p id="fb02_1" style="color: red; display: none;">Pembahasan 2<br/><br/></p></li>
<!--SOAL 3-->
<li><div style="text-align: left;">Soal essay 3</div>
<button class="alt_penyelesaian" onclick="getFeedback('03','1')">Alternatif penyelesaian</button>
<p id="fb03_1" style="color: red; display: none;">Pembahasan 3<br/><br/></p></li>
<!--SOAL 4-->
<li><div style="text-align: left;">Soal essay 4</div>
<button class="alt_penyelesaian" onclick="getFeedback('04','1')">Alternatif penyelesaian</button>
<p id="fb04_1" style="color: red; display: none;">Pembahasan 4<br/><br/></p></li>
<!--SOAL 5-->
<li><div style="text-align: left;">Soal essay 5</div>
<button class="alt_penyelesaian" onclick="getFeedback('05','1')">Alternatif penyelesaian</button>
<p id="fb05_1" style="color: red; display: none;">Pembahasan 5<br/><br/></p></li>
</ul>PILIHAN GANDA
<!--SOAL PILIHAN GANDA-->
<!--SOAL 1-->
<table>
<tbody><tr>
<td rowspan="7" valign="top" width="50px"><font style="font-size: 30px;">1.</font></td>
<td align="left" colspan="2">SOAL1</td>
</tr>
<tr>
<td width="40px" valign="top"><button onclick="getFeedbackpg('01','1')">A</button></td>
<td>OPSI A</td>
</tr>
<tr>
<td><button onclick="getFeedbackpg('01','2')">B</button></td>
<td>OPSI B</td>
</tr>
<tr>
<td><button onclick="getFeedbackpg('01','3')">C</button></td>
<td>OPSI C</td>
</tr>
<tr>
<td><button onclick="getFeedbackpg('01','4')">D</button></td>
<td>OPSI D</td>
</tr>
<tr>
<td><button onclick="getFeedbackpg('01','5')">E</button></td>
<td>OPSI E</td>
</tr>
<tr>
<td colspan="2">
<p id="fbpg_01_1" style="color:red;display:none;"><b>SALAH</b></p>
<p id="fbpg_01_2" style="color:red;display:none;"><b>SALAH</b></p>
<p id="fbpg_01_3" style="color:red;display:none;"><b>SALAH</b></p>
<p id="fbpg_01_4" style="color:red;display:none;"><b>SALAH</b></p>
<p id="fbpg_01_5" style="color:blue;display:none;"><b>BENAR</b></p>
</td>
</tr>
</tbody>
</table>
<hr/>
<!--SOAL 2-->
<table>
<tbody><tr>
<td rowspan="7" valign="top" width="50px"><font style="font-size: 30px;">2.</font></td>
<td align="left" colspan="2">SOAL2</td>
</tr>
<tr>
<td width="40px" valign="top"><button onclick="getFeedbackpg('02','1')">A</button></td>
<td>OPSI A</td>
</tr>
<tr>
<td><button onclick="getFeedbackpg('02','2')">B</button></td>
<td>OPSI B</td>
</tr>
<tr>
<td><button onclick="getFeedbackpg('02','3')">C</button></td>
<td>OPSI C</td>
</tr>
<tr>
<td><button onclick="getFeedbackpg('02','4')">D</button></td>
<td>OPSI D</td>
</tr>
<tr>
<td><button onclick="getFeedbackpg('02','5')">E</button></td>
<td>OPSI E</td>
</tr>
<tr>
<td colspan="2">
<p id="fbpg_02_1" style="color:red;display:none;"><b>SALAH</b></p>
<p id="fbpg_02_2" style="color:red;display:none;"><b>SALAH</b></p>
<p id="fbpg_02_3" style="color:red;display:none;"><b>SALAH</b></p>
<p id="fbpg_02_4" style="color:red;display:none;"><b>SALAH</b></p>
<p id="fbpg_02_5" style="color:blue;display:none;"><b>BENAR</b></p>
</td>
</tr>
</tbody>
</table>
<hr/>
<!--SOAL 3-->
<table>
<tbody><tr>
<td rowspan="7" valign="top" width="50px"><font style="font-size: 30px;">3.</font></td>
<td align="left" colspan="2">SOAL3</td>
</tr>
<tr>
<td width="40px" valign="top"><button onclick="getFeedbackpg('03','1')">A</button></td>
<td>OPSI A</td>
</tr>
<tr>
<td><button onclick="getFeedbackpg('03','2')">B</button></td>
<td>OPSI B</td>
</tr>
<tr>
<td><button onclick="getFeedbackpg('03','3')">C</button></td>
<td>OPSI C</td>
</tr>
<tr>
<td><button onclick="getFeedbackpg('03','4')">D</button></td>
<td>OPSI D</td>
</tr>
<tr>
<td><button onclick="getFeedbackpg('03','5')">E</button></td>
<td>OPSI E</td>
</tr>
<tr>
<td colspan="2">
<p id="fbpg_03_1" style="color:red;display:none;"><b>SALAH</b></p>
<p id="fbpg_03_2" style="color:red;display:none;"><b>SALAH</b></p>
<p id="fbpg_03_3" style="color:red;display:none;"><b>SALAH</b></p>
<p id="fbpg_03_4" style="color:red;display:none;"><b>SALAH</b></p>
<p id="fbpg_03_5" style="color:blue;display:none;"><b>BENAR</b></p>
</td>
</tr>
</tbody>
</table>
<hr/>
<!--SOAL 4-->
<table>
<tbody><tr>
<td rowspan="7" valign="top" width="50px"><font style="font-size: 30px;">4.</font></td>
<td align="left" colspan="2">SOAL4</td>
</tr>
<tr>
<td width="40px" valign="top"><button onclick="getFeedbackpg('04','1')">A</button></td>
<td>OPSI A</td>
</tr>
<tr>
<td><button onclick="getFeedbackpg('04','2')">B</button></td>
<td>OPSI B</td>
</tr>
<tr>
<td><button onclick="getFeedbackpg('04','3')">C</button></td>
<td>OPSI C</td>
</tr>
<tr>
<td><button onclick="getFeedbackpg('04','4')">D</button></td>
<td>OPSI D</td>
</tr>
<tr>
<td><button onclick="getFeedbackpg('04','5')">E</button></td>
<td>OPSI E</td>
</tr>
<tr>
<td colspan="2">
<p id="fbpg_04_1" style="color:red;display:none;"><b>SALAH</b></p>
<p id="fbpg_04_2" style="color:red;display:none;"><b>SALAH</b></p>
<p id="fbpg_04_3" style="color:red;display:none;"><b>SALAH</b></p>
<p id="fbpg_04_4" style="color:red;display:none;"><b>SALAH</b></p>
<p id="fbpg_04_5" style="color:blue;display:none;"><b>BENAR</b></p>
</td>
</tr>
</tbody>
</table>
<hr/>
<!--SOAL 5-->
<table>
<tbody><tr>
<td rowspan="7" valign="top" width="50px"><font style="font-size: 30px;">5.</font></td>
<td align="left" colspan="2">SOAL5</td>
</tr>
<tr>
<td width="40px" valign="top"><button onclick="getFeedbackpg('05','1')">A</button></td>
<td>OPSI A</td>
</tr>
<tr>
<td><button onclick="getFeedbackpg('05','2')">B</button></td>
<td>OPSI B</td>
</tr>
<tr>
<td><button onclick="getFeedbackpg('05','3')">C</button></td>
<td>OPSI C</td>
</tr>
<tr>
<td><button onclick="getFeedbackpg('05','4')">D</button></td>
<td>OPSI D</td>
</tr>
<tr>
<td><button onclick="getFeedbackpg('05','5')">E</button></td>
<td>OPSI E</td>
</tr>
<tr>
<td colspan="2">
<p id="fbpg_05_1" style="color:red;display:none;"><b>SALAH</b></p>
<p id="fbpg_05_2" style="color:red;display:none;"><b>SALAH</b></p>
<p id="fbpg_05_3" style="color:red;display:none;"><b>SALAH</b></p>
<p id="fbpg_05_4" style="color:red;display:none;"><b>SALAH</b></p>
<p id="fbpg_05_5" style="color:blue;display:none;"><b>BENAR</b></p>
</td>
</tr>
</tbody>
</table>Template Penilaian Diri
<p>Jawablah pertanyaan-pertanyaan berikut dengan jujur dan bertanggungjawab!</p>
<table class="tabel">
<tbody><tr>
<th>No.</th>
<th>Pertanyaan</th>
<th colspan="2">Jawaban</th>
</tr>
<tr>
<td>01.</td>
<td style="text-align: left;">item penilaian diri 1<br/></td>
<td style="width:40px;"><input name="p1" type="radio"/>Ya</td>
<td style="width:100px;"><input name="p1" type="radio"/>Tidak</td>
</tr>
<tr>
<td>02.</td>
<td style="text-align: left;">item penilaian diri 2<br/></td>
<td style="width:70px;"><input name="p2" type="radio"/>Ya</td>
<td style="width:70px;"><input name="p2" type="radio"/>Tidak</td>
</tr>
<tr>
<td>03.</td>
<td style="text-align: left;">item penilaian diri 3<br/></td>
<td style="width:70px;"><input name="p3" type="radio"/>Ya</td>
<td style="width:70px;"><input name="p3" type="radio"/>Tidak</td>
</tr>
<tr>
<td>04.</td>
<td style="text-align: left;">item penilaian diri 4<br/></td>
<td style="width:70px;"><input name="p4" type="radio"/>Ya</td>
<td style="width:70px;"><input name="p4" type="radio"/>Tidak</td>
</tr>
<tr>
<td>05.</td>
<td style="text-align: left;">item penilaian diri 5<br/></td>
<td style="width:70px;"><input name="p5" type="radio"/>Ya</td>
<td style="width:70px;"><input name="p5" type="radio"/>Tidak</td>
</tr>
<tr>
<td>06.</td>
<td style="text-align: left;">item penilaian diri 6<br/></td>
<td style="width:70px;"><input name="p6" type="radio"/>Ya</td>
<td style="width:70px;"><input name="p6" type="radio"/>Tidak</td>
</tr>
<tr>
<td>07.</td>
<td style="text-align: left;">item penilaian diri 7<br/></td>
<td style="width:70px;"><input name="p7" type="radio"/>Ya</td>
<td style="width:70px;"><input name="p7" type="radio"/>Tidak</td>
</tr>
<tr>
<td>08.</td>
<td style="text-align: left;">item penilaian diri 8<br/></td>
<td style="width:70px;"><input name="p8" type="radio"/>Ya</td>
<td style="width:70px;"><input name="p8" type="radio"/>Tidak</td>
</tr>
<tr>
<td>09.</td>
<td style="text-align: left;">item penilaian diri 9<br/></td>
<td style="width:70px;"><input name="p9" type="radio"/>Ya</td>
<td style="width:70px;"><input name="p9" type="radio"/>Tidak</td>
</tr>
<tr>
<td>10.</td>
<td style="text-align: left;">item penilaian diri 10<br/></td>
<td style="width:70px;"><input name="p10" type="radio"/>Ya</td>
<td style="width:70px;"><input name="p10" type="radio"/>Tidak</td>
</tr>
</tbody>
</table>
<br/>
<p>Bila ada jawaban "Tidak", maka segera lakukan review pembelajaran, terutama pada bagian yang masih "Tidak".<br/>
<br/>
Bila semua jawaban "Ya", maka Anda dapat melanjutkan ke pembelajaran berikutnya.
<br/></p>
TEMPLATE EVALUASI
<ul style="list-style-type: decimal-leading-zero;">
<li>
<p>Pertanyaan nomor 1</p>
<table>
<tbody><tr><td width="25px" valign="top"><input type="radio" name="question0" value="A"/></td>
<td width="25px" valign="top">A.</td>
<td>opsi 1</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question0" value="B"/></td>
<td width="25px" valign="top">B.</td>
<td>opsi 2</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question0" value="C"/></td>
<td width="25px" valign="top">C.</td>
<td>opsi 3</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question0" value="D"/></td>
<td width="25px" valign="top">D.</td>
<td>opsi 4</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question0" value="E"/></td>
<td width="25px" valign="top">E.</td>
<td>opsi 5</td>
</tr>
</tbody>
</table>
</li>
<li>
<p>Pertanyaan nomor 2</p>
<table>
<tbody><tr><td width="25px" valign="top"><input type="radio" name="question1" value="A"/></td>
<td width="25px" valign="top">A.</td>
<td>opsi 1</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question1" value="B"/></td>
<td width="25px" valign="top">B.</td>
<td>opsi 2</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question1" value="C"/></td>
<td width="25px" valign="top">C.</td>
<td>opsi 3</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question1" value="D"/></td>
<td width="25px" valign="top">D.</td>
<td>opsi 4</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question1" value="E"/></td>
<td width="25px" valign="top">E.</td>
<td>opsi 5</td>
</tr>
</tbody>
</table>
</li>
<li>
<p>Pertanyaan nomor 3</p>
<table>
<tbody><tr><td width="25px" valign="top"><input type="radio" name="question2" value="A"/></td>
<td width="25px" valign="top">A.</td>
<td>opsi 1</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question2" value="B"/></td>
<td width="25px" valign="top">B.</td>
<td>opsi 2</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question2" value="C"/></td>
<td width="25px" valign="top">C.</td>
<td>opsi 3</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question2" value="D"/></td>
<td width="25px" valign="top">D.</td>
<td>opsi 4</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question2" value="E"/></td>
<td width="25px" valign="top">E.</td>
<td>opsi 5</td>
</tr>
</tbody>
</table>
</li>
<li>
<p>Pertanyaan nomor 4</p>
<table>
<tbody><tr><td width="25px" valign="top"><input type="radio" name="question3" value="A"/></td>
<td width="25px" valign="top">A.</td>
<td>opsi 1</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question3" value="B"/></td>
<td width="25px" valign="top">B.</td>
<td>opsi 2</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question3" value="C"/></td>
<td width="25px" valign="top">C.</td>
<td>opsi 3</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question3" value="D"/></td>
<td width="25px" valign="top">D.</td>
<td>opsi 4</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question3" value="E"/></td>
<td width="25px" valign="top">E.</td>
<td>opsi 5</td>
</tr>
</tbody>
</table>
</li>
<li>
<p>Pertanyaan nomor 5</p>
<table>
<tbody><tr><td width="25px" valign="top"><input type="radio" name="question4" value="A"/></td>
<td width="25px" valign="top">A.</td>
<td>opsi 1</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question4" value="B"/></td>
<td width="25px" valign="top">B.</td>
<td>opsi 2</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question4" value="C"/></td>
<td width="25px" valign="top">C.</td>
<td>opsi 3</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question4" value="D"/></td>
<td width="25px" valign="top">D.</td>
<td>opsi 4</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question4" value="E"/></td>
<td width="25px" valign="top">E.</td>
<td>opsi 5</td>
</tr>
</tbody>
</table>
</li>
<li>
<p>Pertanyaan nomor 6</p>
<table>
<tbody><tr><td width="25px" valign="top"><input type="radio" name="question5" value="A"/></td>
<td width="25px" valign="top">A.</td>
<td>opsi 1</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question5" value="B"/></td>
<td width="25px" valign="top">B.</td>
<td>opsi 2</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question5" value="C"/></td>
<td width="25px" valign="top">C.</td>
<td>opsi 3</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question5" value="D"/></td>
<td width="25px" valign="top">D.</td>
<td>opsi 4</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question5" value="E"/></td>
<td width="25px" valign="top">E.</td>
<td>opsi 5</td>
</tr>
</tbody>
</table>
</li>
<li>
<p>Pertanyaan nomor 7</p>
<table>
<tbody><tr><td width="25px" valign="top"><input type="radio" name="question6" value="A"/></td>
<td width="25px" valign="top">A.</td>
<td>opsi 1</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question6" value="B"/></td>
<td width="25px" valign="top">B.</td>
<td>opsi 2</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question6" value="C"/></td>
<td width="25px" valign="top">C.</td>
<td>opsi 3</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question6" value="D"/></td>
<td width="25px" valign="top">D.</td>
<td>opsi 4</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question6" value="E"/></td>
<td width="25px" valign="top">E.</td>
<td>opsi 5</td>
</tr>
</tbody>
</table>
</li>
<li>
<p>Pertanyaan nomor 8</p>
<table>
<tbody><tr><td width="25px" valign="top"><input type="radio" name="question7" value="A"/></td>
<td width="25px" valign="top">A.</td>
<td>opsi 1</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question7" value="B"/></td>
<td width="25px" valign="top">B.</td>
<td>opsi 2</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question7" value="C"/></td>
<td width="25px" valign="top">C.</td>
<td>opsi 3</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question7" value="D"/></td>
<td width="25px" valign="top">D.</td>
<td>opsi 4</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question7" value="E"/></td>
<td width="25px" valign="top">E.</td>
<td>opsi 5</td>
</tr>
</tbody>
</table>
</li>
<li>
<p>Pertanyaan nomor 9</p>
<table>
<tbody><tr><td width="25px" valign="top"><input type="radio" name="question8" value="A"/></td>
<td width="25px" valign="top">A.</td>
<td>opsi 1</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question8" value="B"/></td>
<td width="25px" valign="top">B.</td>
<td>opsi 2</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question8" value="C"/></td>
<td width="25px" valign="top">C.</td>
<td>opsi 3</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question8" value="D"/></td>
<td width="25px" valign="top">D.</td>
<td>opsi 4</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question8" value="E"/></td>
<td width="25px" valign="top">E.</td>
<td>opsi 5</td>
</tr>
</tbody>
</table>
</li>
<li>
<p>Pertanyaan nomor 10</p>
<table>
<tbody><tr><td width="25px" valign="top"><input type="radio" name="question9" value="A"/></td>
<td width="25px" valign="top">A.</td>
<td>opsi 1</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question9" value="B"/></td>
<td width="25px" valign="top">B.</td>
<td>opsi 2</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question9" value="C"/></td>
<td width="25px" valign="top">C.</td>
<td>opsi 3</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question9" value="D"/></td>
<td width="25px" valign="top">D.</td>
<td>opsi 4</td>
</tr>
<tr><td width="25px" valign="top"><input type="radio" name="question9" value="E"/></td>
<td width="25px" valign="top">E.</td>
<td>opsi 5</td>
</tr>
</tbody>
</table>
</li>
</ul>
<div align="center">
<br/>
<a class="button_left red" onclick="returnScore()" href="#nilai"><span>√</span>Hasil Evaluasi</a>
<br/>
<table style="text-align:center;" class="tabel">
<tbody><tr><th width="100px">Nilai</th>
<th width="300px">Deskripsi</th>
</tr>
<tr><td><span id="nilai" style="color:red;font-size:30px;text-decoration:bold;"> </span>
</td>
<td><span id="deskripsi" style="color:blue;font-size:20px"> </span></td>
</tr>
</tbody>
</table>
</div>