Semangat pagi gan. Mimin akan membagikan coding untuk "Ujian Online tanpa database" bisa digunakan untuk melakukan ulangan harian atau latihan soal bagi para guru/ pendidik untuk siswanya.
Silahkan agan-agan kreasikan sendiri, mimin tidak mungkin menjelaskan terperinci. sedot codingnya dan oprek sendiri codingya
berikut codingnya gann...
<html>
<style type="text/css">
<!--
a:link {
text-decoration: none;
color: #0000FF;
}
a:visited {
text-decoration: none;
color: #996600;
}
a:hover {
text-decoration: underline;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #9900CC;
}
.style2 {
color: #000000;
font-weight: bold;
font-size:24px
}
body {
background-image: url(gambar/tema/bgisi.jpg);
}
-->
</style>
<body>
<div align="center">
<table border="0" id="table8" cellspacing="0" cellpadding="10" bgcolor="#FFFFFF" width="700">
<tr>
<table border="0" id="table13" cellspacing="0" cellpadding="10" bgcolor="white" width="700">
<tr>
<td>
<table border="0" id="table14" cellspacing="0" cellpadding="0" style="font-family: Tahoma; font-size: 12pt" width="703" bgcolor="white">
<tr>
<td colspan="2">
<font size="5" ><b>EVALUASI</b></font></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td><font color="#FF0000">Petunjuk Mengerjakan Soal: </font></td>
<td> </td>
</tr>
<tr>
<td><font size="2">- Bacalah soal dengan teliti</font></td>
<td> </td>
</tr>
<tr>
<td><font size="2">- Pilihlah salah satu jawaban yang benar dengan
mengklik tanda (</font><font size="4"><input type="radio" name="iaw" value="iaw" checked><font size="2">) </font></font></td>
<td> </td>
</tr>
<tr>
<td>
<p align="justify"> </p></td>
<td> </td>
</tr>
<tr>
<td colspan="2">
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40"><head>
<link rel="File-List" href="index_files/filelist.xml">
<title></title>
<script language="JavaScript">
<!--
var numQues = 20;
var numChoi = 5;
var answers = new Array(20);
answers[0] = "a";
answers[1] = "a";
answers[2] = "a";
answers[3] = "a";
answers[4] = "a";
answers[5] = "a";
answers[6] = "a";
answers[7] = "a";
answers[8] = "a";
answers[9] = "a";
answers[10] = "b";
answers[11] = "b";
answers[12] = "b";
answers[13] = "b";
answers[14] = "b";
answers[15] = "b";
answers[16] = "b";
answers[17] = "b";
answers[18] = "b";
answers[19] = "b";
function getScore(form) {
var score = 0;
var currElt;
var currSelection;
for (i=0; i<numQues; i++) {
currElt = i*numChoi;
for (j=0; j<numChoi; j++) {
currSelection = form.elements[currElt + j];
if (currSelection.checked) {
if (currSelection.value == answers[i]) {
score++;
break;
}
}
}
}
score = Math.round(score/numQues*100);
form.percentage.value = score + "";
}
// -->
</script>
<form name="quiz">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="33" align="left" valign="top" height="64">1.</td>
<td height="64">soal ...<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><input type="radio" name="q1" value="a">A.</td>
<td>xx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q1" value="b">B.</td>
<td>xxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q1" value="c">C.</td>
<td>xxxx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q1" value="d">D.</td>
<td>xxxxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q1" value="e">E. </td>
<td>xxxxxx</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="33" align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td width="33" align="left" valign="top">2.</td>
<td>soal ...<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><input type="radio" name="q2" value="a">A.</td>
<td>xx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q2" value="b">B.</td>
<td>xxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q2" value="c">C.</td>
<td>xxxx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q2" value="d">D.</td>
<td>xxxxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q2" value="e">E. </td>
<td>xxxxxx</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="33" align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td width="33" align="left" valign="top">3.</td>
<td>soal ...<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><input type="radio" name="q3" value="a">A.</td>
<td>xx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q3" value="b">B.</td>
<td>xxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q3" value="c">C.</td>
<td>xxxx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q3" value="d">D.</td>
<td>xxxxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q3" value="e">E. </td>
<td>xxxxxx</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="33" align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td width="33" align="left" valign="top">4.</td>
<td>soal ...<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><input type="radio" name="q4" value="a">A.</td>
<td>xx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q4" value="b">B.</td>
<td>xxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q4" value="c">C.</td>
<td>xxxx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q4" value="d">D.</td>
<td>xxxxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q4" value="e">E. </td>
<td>xxxxxx</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="33" align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td width="33" align="left" valign="top">5.</td>
<td>soal ...<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><input type="radio" name="q5" value="a">A.</td>
<td>xx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q5" value="b">B.</td>
<td>xxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q5" value="c">C.</td>
<td>xxxx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q5" value="d">D.</td>
<td>xxxxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q5" value="e">E. </td>
<td>xxxxxx</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="33" align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td width="33" align="left" valign="top">6.</td>
<td>soal ...<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><input type="radio" name="q6" value="a">A.</td>
<td>xx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q6" value="b">B.</td>
<td>xxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q6" value="c">C.</td>
<td>xxxx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q6" value="d">D.</td>
<td>xxxxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q6" value="e">E. </td>
<td>xxxxxx</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="33" align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td width="33" align="left" valign="top">7.</td>
<td>soal ...<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><input type="radio" name="q7" value="a">A.</td>
<td>xx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q7" value="b">B.</td>
<td>xxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q7" value="c">C.</td>
<td>xxxx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q7" value="d">D.</td>
<td>xxxxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q7" value="e">E. </td>
<td>xxxxxx</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="33" align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td width="33" align="left" valign="top">8.</td>
<td>soal ...<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><input type="radio" name="q8" value="a">A.</td>
<td>xx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q8" value="b">B.</td>
<td>xxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q8" value="c">C.</td>
<td>xxxx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q8" value="d">D.</td>
<td>xxxxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q8" value="e">E. </td>
<td>xxxxxx</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="33" align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td width="33" align="left" valign="top">9.</td>
<td>soal ...<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><input type="radio" name="q9" value="a">A.</td>
<td>xx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q9" value="b">B.</td>
<td>xxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q9" value="c">C.</td>
<td>xxxx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q9" value="d">D.</td>
<td>xxxxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q9" value="e">E. </td>
<td>xxxxxx</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="33" align="left" valign="top"> </td>
<td > </td>
</tr>
<tr>
<td width="33" align="left" valign="top" height="64">10.</td>
<td height="64">soal ...<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><input type="radio" name="q10" value="a">A.</td>
<td>xx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q10" value="b">B.</td>
<td>xxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q10" value="c">C.</td>
<td>xxxx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q10" value="d">D.</td>
<td>xxxxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q10" value="e">E. </td>
<td>xxxxxx</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="33" align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td width="33" align="left" valign="top">11.</td>
<td>soal ...<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><input type="radio" name="q11" value="a">A.</td>
<td>xx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q11" value="b">B.</td>
<td>xxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q11" value="c">C.</td>
<td>xxxx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q11" value="d">D.</td>
<td>xxxxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q11" value="e">E. </td>
<td>xxxxxx</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="33" align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td width="33" align="left" valign="top">12.</td>
<td>soal ...<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="40">
<input type="radio" name="q12" value="a">A.</td>
<td>xx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q12" value="b">B.</td>
<td>xxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q12" value="c">C.</td>
<td>xxxx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q12" value="d">D.</td>
<td>xxxxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q12" value="e">E. </td>
<td>xxxxxx</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="33" align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td width="33" align="left" valign="top">13.</td>
<td>soal ...<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><input type="radio" name="q13" value="a">A.</td>
<td>xx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q13" value="b">B.</td>
<td>xxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q13" value="c">C.</td>
<td>xxxx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q13" value="d">D.</td>
<td>xxxxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q13" value="e">E. </td>
<td>xxxxxx</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="33" align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td width="33" align="left" valign="top">14.</td>
<td>soal ...<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><input type="radio" name="q14" value="a">A.</td>
<td>xx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q14" value="b">B.</td>
<td>xxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q14" value="c">C.</td>
<td>xxxx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q14" value="d">D.</td>
<td>xxxxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q14" value="e">E. </td>
<td>xxxxxx</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="33" align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td width="33" align="left" valign="top">15.</td>
<td>soal ...<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><input type="radio" name="q15" value="a">A.</td>
<td>xx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q15" value="b">B.</td>
<td>xxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q15" value="c">C.</td>
<td>xxxx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q15" value="d">D.</td>
<td>xxxxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q15" value="e">E. </td>
<td>xxxxxx</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="33" align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td width="33" align="left" valign="top">16.</td>
<td>soal ...<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><input type="radio" name="q16" value="a">A.</td>
<td>xx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q16" value="b">B.</td>
<td>xxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q16" value="c">C.</td>
<td>xxxx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q16" value="d">D.</td>
<td>xxxxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q16" value="e">E. </td>
<td>xxxxxx</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="33" align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td width="33" align="left" valign="top">17.</td>
<td>soal ...<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><input type="radio" name="q17" value="a">A.</td>
<td>xx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q17" value="b">B.</td>
<td>xxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q17" value="c">C.</td>
<td>xxxx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q17" value="d">D.</td>
<td>xxxxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q17" value="e">E. </td>
<td>xxxxxx</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="33" align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td width="33" align="left" valign="top">18.</td>
<td>soal ...<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><input type="radio" name="q18" value="a">A.</td>
<td>xx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q18" value="b">B.</td>
<td>xxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q18" value="c">C.</td>
<td>xxxx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q18" value="d">D.</td>
<td>xxxxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q18" value="e">E. </td>
<td>xxxxxx</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="33" align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td width="33" align="left" valign="top">19.</td>
<td>soal ...<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><input type="radio" name="q19" value="a">A.</td>
<td>xx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q19" value="b">B.</td>
<td>xxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q19" value="c">C.</td>
<td>xxxx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q19" value="d">D.</td>
<td>xxxxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q19" value="e">E. </td>
<td>xxxxxx</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="33" align="left" valign="top"> </td>
<td>
</td>
</tr>
<tr>
<td width="33" align="left" valign="top">20.</td>
<td>
<p>soal ...<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="40"><input type="radio" name="q20" value="a">A.</td>
<td>xx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q20" value="b">B.</td>
<td>xxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q20" value="c">C.</td>
<td>xxxx</td>
</tr>
<tr>
<td width="40"><input type="radio" name="q20" value="d">D.</td>
<td>xxxxx</td>
</tr>
<tr>
<td width="40">
<input type="radio" name="q20" value="e">E. </td>
<td>xxxxxx</td>
</tr>
</table>
</td>
</tr>
</table>
<p>
<input type="button" value="Periksa Jawaban" onClick="getScore(this.form)">
<input type="reset" value="Hapus"><p>
Nilai Kamu =
<input type=text size=3 name="percentage" style="font-size: 30pt; text-decoration: blink; color: #FF0000; border: 1px solid #FFFFFF; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px"><br>
<i><font size="2">(nilai
maksimal = 100)</font></i><br>
</form>
</tr>
</table>
</div>
<blockquote>
<div align="center">
</div>
</blockquote>
</body>
</html>
Simpan dengan format .html atau format .php
Ini hasilnya gan
Finish gan.. Jika ingin download Filenya download di sini
Silahkan dicoba semoga bermanfaat gan ...
nice post
BalasHapus