assalammualaikum
di sini saya ingin memberikan contoh codingan membuat kalkulator sayur saya
berikut scriptnya
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
function htg_ttl_kangkung(){
var hrg_syr_Nangka=7000;
var hrg_syr_Capcay=4000;
var hrg_syr_Daunsingkong=6000;
var Banyaknya=document.getElementById('jml_Nangka');
var Banyak=document.getElementById('jml_Capcay');
var Coeg=document.getElementById('jml_Daunsingkong');
var Ttlasem=document.getElementById('ttl_Nangka');
var TtlLodeh=document.getElementById('ttl_Capcay');
var Ttlsop=document.getElementById('ttl_Daunsingkong');
var AmbilJml=Banyaknya.value;
var ambiljml=Banyak.value;
var ambilcoeg=Coeg.value;
Ttlasem.value=AmbilJml*hrg_syr_Nangka;
TtlLodeh.value=ambiljml*hrg_syr_Capcay;
Ttlsop.value=ambilcoeg*hrg_syr_Daunsingkong;
}
function htg_ttl_asem(){
var hrg_syr_asem=5000;
var hrg_syr_lodeh=3000;
var Banyaknya=document.getElementById('jml_asem');
var Banyak=document.getElementById('jml_lodeh');
var Ttlasem=document.getElementById('ttl_asem');
var TtlLodeh=document.getElementById('ttl_lodeh');
var AmbilJml=Banyaknya.value;
var ambiljml=Banyak.value;
Ttlasem.value=AmbilJml*hrg_syr_asem;
TtlLodeh.value=ambiljml*hrg_syr_lodeh;
}
function coeg(){
var Lodeh=document.getElementById('ttl_lodeh').value;
var Asem=document.getElementById('ttl_asem').value;
var Kangkung=document.getElementById('ttl_Nangka').value;
var Capcay=document.getElementById('ttl_Capcay').value;
var Sop=document.getElementById('ttl_Daunsingkong').value;
var drand=document.getElementById('grand')
drand.value=eval(Lodeh)+eval(Asem)+eval(Nangka)+eval(Capcay)+eval(Daunsingkong);
}
</script>
<div class="kalk">
<form>
<div class="rows">
<h2>Sayur Asem</h2>Banyaknya
<input type="text" name="jml_asem" onkeyup="htg_ttl_asem()" id="jml_asem" value="0">
<input type="text" name="ttl_asem" id="ttl_asem" value="0">
</div></br>
<div class="rows">
<h2>Sayur Lodeh</h2>Banyaknya
<input type="text" name="jml_asem" onkeyup="htg_ttl_asem()" id="jml_lodeh" value="0">
<input type="text" name="ttl_lodeh" id="ttl_lodeh" value="0">
</div></br>
<div class="rows">
<h2>Sayur nangka</h2>Banyaknya
<input type="text" name="jml_Nangka" onkeyup="htg_ttl_kangkung()" id="jml_Nangka" value="0">
<input type="text" name="ttl_Nangka" id="ttl_Nangka" value="0">
</div></br>
<div class="rows">
<h2>Capcay Kuah</h2>Banyaknya
<input type="text" name="jml_Capcay" onkeyup="htg_ttl_kangkung()" id="jml_Capcay" value="0">
<input type="text" name="ttl_Capcay" id="ttl_Capcay" value="0">
</div></br>
<div class="rows">
<h2>Sayur Daun Singkong</h2>Banyaknya
<input type="text" name="jml_Daunsingkong" onkeyup="htg_ttl_kangkung()" id="jml_Daunsingkong" value="0">
<input type="text" name="ttl_Daunsingkong" id="ttl_Daunsingkong" value="0">
</div></br>
<input type="button" name="" id="grandttl" onclick="coeg()">
<input type="text" name="" id="grand">
</form>
</div>
</body>
</html>
dan ini foto dari hasilnya
kalkulator sayur
Reviewed by Vigo Restiadi
on
November 17, 2017
Rating:
Reviewed by Vigo Restiadi
on
November 17, 2017
Rating:
No comments: