Membuat kalkulator sederhana js

ini kesalahan nya dmna ya ? saat saya masukan angka nya lalu klik button nya yg muncul eror klw 'value' tidak dpat di baca atau di temukan

HTML

	<div id="wrap">
		<input type="number" name="angka1" value="">
		<select class="" name="opt">
				<option value="tambah"> + </option>
				<option value="kurang"> - </option>
				<option value="kali"> x </option>
				<option value="bagi"> / </option>
				<option value="modulus"> % </option>
		</select>
		<input type="number" name="angka2" value="">
		<input type="button" value="hasil" onClick="kalkulator()">
		<p> = </p>
		<input type="text" name="total" disabled="true">
	</div>

javascript

		function kalkulator (){
				var myProject = document.getElementById('wrap');
				var angka1 		= eval(myProject.angka1.value);
				var angka2		= eval(myProject.angka2.value);
				var me				= myProject.opt.value;

				if(me == "tambah"){
					var hasiljs = angka1 + angka2;
				}
				else if(me == 'kurang'){
					var hasiljs = angka1 - angka2;
				}
				else if(me == 'kali'){
					var hasiljs = angka1 * angka2;
				}
				else if(me == 'bagi'){
					var hasiljs = angka1 / angka2;
				}
				else if(me == 'modulus'){
					var hasiljs = angka1 % angka2;
				}
				else{
					alert('please insert number in coloumn');
				}

				myProject.total.value  = hasiljs;
				myProject.angka1.value = '';
				myProject.angka2.value = '';

		};

avatar RabilDarmawan
@RabilDarmawan

25 Kontribusi 2 Poin

Diperbarui 4 tahun yang lalu

Tanggapan

coba bertanya dengan jelas, masalah kamu apa? tulis di pertanyannya

3 Jawaban:

sesuai tulisan di errornya berarti "myProject.angka1.value" tidak bisa terbaca. coba debug pelan pelan apakah "myProject.angka1" sendiri tanpa ".value" bisa kamu ambil? pelajari cara mengambil value di javascript , bisa kasih id atau name class ke inputnya

avatar hilmanski
@hilmanski

2670 Kontribusi 2132 Poin

Dipost 4 tahun yang lalu

disini "opt" nya "name" <pre> &lt;select class="" name="opt"&gt; </pre> tapi di js nya ngambil id "opt" ???? <pre> &lt;select class="" name="opt" id="opt"&gt; </pre> coba begini

avatar driyan
@driyan

193 Kontribusi 109 Poin

Dipost 4 tahun yang lalu

angka1 selectnya bukan pakai atribut name

Harus diselect ulang bisa pakai method querySelector, children, chuldNodes, dll. atau di getElementBy... ulang

avatar syahrizalakbar
@syahrizalakbar

4 Kontribusi 4 Poin

Dipost 4 tahun yang lalu

Tanggapan

jdi di deklarasikan kyk myProject kan?

Login untuk ikut Jawaban