Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Lock jawaban pada fitur radio saat membuat quiz
Bagaimana caranya melock jawaban ketika sudah tekan "Get Score" ?. Ketika nilai sudah muncul, siswa tidak dapat menjawab lagi.
Kode htmlnya ini
<script language="JavaScript">
<!--
var numQues = 15;
var numChoi = 2;
var answers = new Array(15);
answers[0] = "would have gone";
answers[1] = "had studied";
answers[2] = "would have met";
answers[3] = "had had";
answers[4] = "had known";
answers[5] = "would have helped";
answers[6] = "hadnt lent";
answers[7] = "would have got";
answers[8] = "could have given";
answers[9] = "had known";
answers[10] = "would have visited";
answers[11] = "wouldnt have gone";
answers[12] = "wouldnt have missed";
answers[13] = "had known";
answers[14] = "would have gone";
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 + "%";
var correctAnswers = "";
for (i=1; i<=numQues; i++) {
correctAnswers += i + ". " + answers[i-1] + "\r\n";
}
form.solutions.value = correctAnswers;
}
// -->
</script>
</head>
<body>
<form name="quiz">
1. If the weather had been nice yesterday, we ... to the zoo.<br />
<input name="q1" type="radio" value="would go" />would go<br />
<input name="q1" type="radio" value="would have gone" />would have gone<br />
<br />
2. If Bambang ... for the test, he would have passed it.<br />
<input name="q2" type="radio" value="studied" />studied<br />
<input name="q2" type="radio" value="had studied" />had studied<br />
<br />
3. If Sari had come yesterday, she ... my brother.<br />
<input name="q3" type="radio" value="would meet" />would meet<br />
<input name="q3" type="radio" value="would have met" />would have met<br />
<br />
4. If I ... my camera with me yesterday, I would have taken a picture of the president.<br />
<input name="q4" type="radio" value="had" />had<br />
<input name="q4" type="radio" value="had had" />had<br />
<br />
5. If I ... that there was a test yesterday, I would have studied.<br />
<input name="q5" type="radio" value="knew" />knew<br />
<input name="q5" type="radio" value="had known" />had known<br />
<br />
6. If you had told me about the problem, I ... you.<br />
<input name="q6" type="radio" value="would help" />would help<br />
<input name="q6" type="radio" value="would have helped" />would have helped<br />
<br />
7. What would you have done if I ... the money? <br />
<input name="q7" type="radio" value="had lent" />had lent<br />
<input name="q7" type="radio" value="hadn't lent" />hadn't lent<br />
<br />
8. If I had gone to university, I ... a better job.<br />
<input name="q8" type="radio" value="would get" />would get<br />
<input name="q8" type="radio" value="would have got" />would have got<br />
<br />
9. I ... you a lift if my car hadn't been broken.<br />
<input name="q9" type="radio" value="could give" />could give<br />
<input name="q9" type="radio" value="could have given" />could have given<br />
<br />
10. I wouldn't have come to this school if I ... what it was like.<br />
<input name="q10" type="radio" value="knew" />knew<br />
<input name="q10" type="radio" value="had known" />had known<br />
<br />
11. I ... you in hospital if I had known you were there.<br />
<input name="q11" type="radio" value="would visit" />would visit<br />
<input name="q11" type="radio" value="would have visited" />would have visited<br />
<br />
12. I ... to Wuhan if I had known what was going to happen.<br />
<input name="q12" type="radio" value="would have gone" />would have gone<br />
<input name="q12" type="radio" value="wouldnt have gone" />wouldn't have gone<br />
<br />
13. If we had got to the cinema earlier,, we ... the start of the film.<br />
<input name="q13" type="radio" value="would have missed" />would have missed<br />
<input name="q13" type="radio" value="wouldnt have missed" />would have missed<br />
<br />
14. I wouldn't have hired a car if I ... how expensive it was.<br />
<input name="q14" type="radio" value="had known" />had known<br />
<input name="q14" type="radio" value="hadn't known" />hadn't known<br />
<br />
15. If I would have passed the SBMPTN, I ... to Gadjah Mada University.<br />
<input name="q15" type="radio" value="would go" />would go<br />
<input name="q15" type="radio" value="would have gone" />would have gone<br />
<input onclick="getScore(this.form)" type="button" value="Get score" />
<input type="reset" value="Clear" />
Score = <input name="percentage" size="15" type="text" /><br />
Correct answers:<br />
<textarea cols="40" name="solutions" rows="4" wrap="virtual"></textarea>
</form>
</body>
2 Jawaban:
<p>test scriptnya : </p><p><br></p><p><a href="https://jsfiddle.net/0nea2hzd/">https://jsfiddle.net/0nea2hzd/</a></p><p><br></p><p>tambahin ini di body function getScore :</p><pre><div>var input = document.querySelectorAll("input[type=radio]");</div><div> for(x = 0; x < input.length; x++) {</div><div> input[x].setAttribute('disabled', true);</div><p> }</p><p><br></p></pre>
Tanggapan
jangan taruh di client side jawabannya, harus di taruh di server, atau kalo mau tetep pake client-side (Javascript), lebih baik di-minify dulu scriptnya, biar ga mudah dibaca scriptnya, contohnya ini http://minifycode.com/javascript-minifier/
kak terimaksih, sangat membantu. Oh iya boleh minta kontaknya kak? saya mau bekerjasama
Cek profil akun saya aja ya :D
sudah, twitter dan webnya tidak bisa diakses. Saya hanya menemukan ini https://www.dicoding.com/blog/belajar-pemrograman-tak-kenal-rintangan/
Kirim email saja ke ahanafi.id@gmail.com
<div>Beberapa nomor benar, tapi ada yang eror. Padahal saya sudah memasukkan kode yang benar. Kode tersebut lebih lanjut bisa dilihat pada laman <a href="https://www.diaryguru.com/p/cek-eror.html">https://www.diaryguru.com/p/cek-eror.html</a></div>