Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Membuat Lebih Dari Dua Soal
Saya ingin membuat pertanyaan dengan jawaban singkat melalui javascript. Kode sudah saya berusaha edit tetapi masih eror. Kode ini berhasil dijalankan dengan 1 soal saja padahal saya ingin membuatnya banyak. Mohon bantuannya. Kode JS terlampir
<form name="form">
<br>
Lima ditambah tujuh berapa?
</br>
Jawab:<input type="text" name="angka" size="3"><br>
<br>
Pesan <input type="text" value="" name="pesan" size="9">
<br><br>
<!-- membuat event ketika tombol di klik memanggil function javascript -->
<input type=button name=submit onclick="cek()" value="cek">
<script LANGUAGE="JavaScript">
function cek(){
if(form.angka.value == '12' ){
a=eval(form.angka.value);
form.pesan.value ="benar";
}
else{
form.pesan.value ="salah";
}
}
</script>
<br>
<br>
<form name="form1">
<br>
4 + 4 =
</br>
Jawab:<input type="text" name="angka1" size="3"><br>
<br>
Pesan <input type="text" value="" name="pesan1" size="9">
<br><br>
<!-- membuat event ketika tombol di klik memanggil function javascript -->
<input type=button name=submit onclick="cek1()" value="cek">
<script LANGUAGE="JavaScript">
function cek1(){
if(form1.angka1.value == '8' ){
a=eval(form1.angka1.value);
form1.pesan1.value ="benar";
}
else{
form1.pesan1.value ="salah";
}
}
</script>
1 Jawaban:
<div>Hallo, saya bantu jawab ya, sepertinya tag form pertama dan kedua kamu belum di tutup dengan </form>, makanya ketika fungsi cek1 dijalankan, dia akan error, karena input form yg kedua, itu masih dianggap sebagai bagian dari form pertama.<br>Solusinya ya berikan tag penutup </form> untuk setiap form.<br>Contoh kodenya seperti ini yang sudah diberikan sedikit modifikasi :</div><pre><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Testing</title> </head> <body> <!-- FORM PERTAMA --> <form name="form1"> <br> Lima ditambah tujuh berapa? <br> Jawab: <input type="text" name="angka" size="3"><br> <br> Pesan <input type="text" value="" name="pesan" size="9"> <br><br> <!-- membuat event ketika tombol di klik memanggil function javascript --> <input type=button name=submit onclick="cekForm1()" value="cek"> </form>
&lt;hr&gt;
&lt;!-- FORM KEDUA --&gt;
&lt;form name="form2"&gt;
&lt;br&gt;
4 + 4 =
&lt;br&gt;
Jawab:&lt;input type="text" name="angka" size="3"&gt;&lt;br&gt;
&lt;br&gt;
Pesan &lt;input type="text" value="" name="pesan" size="9"&gt;
&lt;br&gt;&lt;br&gt;
&lt;!-- membuat event ketika tombol di klik memanggil function javascript --&gt;
&lt;input type=button name=submit onclick="cekForm2()" value="cek"&gt;
&lt;/form&gt;
&lt;hr&gt;
&lt;!-- FORM KETIGA --&gt;
&lt;form name="form3"&gt;
&lt;br&gt;
12 + 8 =
&lt;br&gt;
Jawab:&lt;input type="text" name="angka" size="3"&gt;&lt;br&gt;
&lt;br&gt;
Pesan &lt;input type="text" value="" name="pesan" size="9"&gt;
&lt;br&gt;&lt;br&gt;
&lt;!-- membuat event ketika tombol di klik memanggil function javascript --&gt;
&lt;input type=button name=submit onclick="cekForm3()" value="cek"&gt;
&lt;/form&gt;
&lt;script type="text/javascript"&gt;
function cekForm1(){
if(form1.angka.value == '12' ){
a=eval(form1.angka.value);
form1.pesan.value ="benar";
} else{
form1.pesan.value ="salah";
}
}
function cekForm2(){
if(form2.angka.value == '8' ){
a=eval(form2.angka.value);
form2.pesan.value ="benar";
} else{
form2.pesan.value ="salah";
}
}
function cekForm3(){
if(form3.angka.value == '20' ){
a=eval(form3.angka.value);
form3.pesan.value ="benar";
} else{
form3.pesan.value ="salah";
}
}
&lt;/script&gt;
</body> </html></pre><div><br>Kamu bisa cek hasilnya disini : <a href="https://jsfiddle.net/ahanafi/dyzv4kwp">https://jsfiddle.net/ahanafi/dyzv4kwp</a><br><br>Semoga terbantu.</div>
