skodev mascot typing keyboard

SKO.DEV

sekolah koding rasa baru
icon gambar buku BELAJAR icon gambar pohon KOMUNITAS icon gambar buku ARTIKEL icon gambar masuk MASUK

Postingan lainnya

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>
javascript
avatar aryaditia
@aryaditia

3 Kontribusi 1 Poin

Diperbarui 3 tahun yang lalu

1 Jawaban:

<div>Hallo, saya bantu jawab ya, sepertinya tag form pertama dan kedua kamu belum di tutup dengan &lt;/form&gt;, 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 &lt;/form&gt; untuk setiap form.<br>Contoh kodenya seperti ini yang sudah diberikan sedikit modifikasi :</div><pre>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Testing&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;!-- FORM PERTAMA --&gt; &lt;form name="form1"&gt; &lt;br&gt; Lima ditambah tujuh berapa? &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="cekForm1()" value="cek"&gt; &lt;/form&gt;

&amp;lt;hr&amp;gt;

&amp;lt;!-- FORM KEDUA --&amp;gt;
&amp;lt;form name=&quot;form2&quot;&amp;gt;
	&amp;lt;br&amp;gt;
	4 + 4 =
	&amp;lt;br&amp;gt;
	Jawab:&amp;lt;input type=&quot;text&quot; name=&quot;angka&quot; size=&quot;3&quot;&amp;gt;&amp;lt;br&amp;gt;
	&amp;lt;br&amp;gt;
	Pesan &amp;lt;input type=&quot;text&quot; value=&quot;&quot; name=&quot;pesan&quot; size=&quot;9&quot;&amp;gt;
	&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;
	&amp;lt;!-- membuat event ketika tombol di klik memanggil function javascript --&amp;gt;
	&amp;lt;input type=button name=submit onclick=&quot;cekForm2()&quot; value=&quot;cek&quot;&amp;gt;
&amp;lt;/form&amp;gt;

&amp;lt;hr&amp;gt;

&amp;lt;!-- FORM KETIGA --&amp;gt;
&amp;lt;form name=&quot;form3&quot;&amp;gt;
	&amp;lt;br&amp;gt;
	12 + 8 =
	&amp;lt;br&amp;gt;
	Jawab:&amp;lt;input type=&quot;text&quot; name=&quot;angka&quot; size=&quot;3&quot;&amp;gt;&amp;lt;br&amp;gt;
	&amp;lt;br&amp;gt;
	Pesan &amp;lt;input type=&quot;text&quot; value=&quot;&quot; name=&quot;pesan&quot; size=&quot;9&quot;&amp;gt;
	&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;
	&amp;lt;!-- membuat event ketika tombol di klik memanggil function javascript --&amp;gt;
	&amp;lt;input type=button name=submit onclick=&quot;cekForm3()&quot; value=&quot;cek&quot;&amp;gt;
&amp;lt;/form&amp;gt;


&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;
	function cekForm1(){
		if(form1.angka.value == &#039;12&#039; ){
			a=eval(form1.angka.value);
			form1.pesan.value =&quot;benar&quot;;
		} else{
			form1.pesan.value =&quot;salah&quot;;
		}
	}

	function cekForm2(){
		if(form2.angka.value == &#039;8&#039; ){
			a=eval(form2.angka.value);
			form2.pesan.value =&quot;benar&quot;;
		} else{
			form2.pesan.value =&quot;salah&quot;;
		}
	}

	function cekForm3(){
		if(form3.angka.value == &#039;20&#039; ){
			a=eval(form3.angka.value);
			form3.pesan.value =&quot;benar&quot;;
		} else{
			form3.pesan.value =&quot;salah&quot;;
		}
	}
&amp;lt;/script&amp;gt;

&lt;/body&gt; &lt;/html&gt;</pre><div><br>Kamu bisa cek hasilnya disini :&nbsp;<a href="https://jsfiddle.net/ahanafi/dyzv4kwp">https://jsfiddle.net/ahanafi/dyzv4kwp</a><br><br>Semoga terbantu.</div>

avatar ahanafi
@ahanafi

815 Kontribusi 552 Poin

Dipost 3 tahun yang lalu

Login untuk ikut Jawaban