Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
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!
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 = '';
};
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
disini "opt" nya "name" <pre> <select class="" name="opt"> </pre> tapi di js nya ngambil id "opt" ???? <pre> <select class="" name="opt" id="opt"> </pre> coba begini
angka1 selectnya bukan pakai atribut name
Harus diselect ulang bisa pakai method querySelector, children, chuldNodes, dll. atau di getElementBy... ulang
Tanggapan
jdi di deklarasikan kyk myProject kan?