Friday, December 15, 2017

[Source Code / Javascript ] Luas Lingkarang dan Luas Tabung

Pusing karena tugas, sehingga kalian ada di ambangbatas! Yuk simak postingan kita kali ini!.
Kali ini kami akan memberikan kalian source code untuk membuat Kalkulator menggunakan Javascript!

Javascript:

<script type="text/javascript" language="javascript">
function Luaslingkaran(){
var r = parseInt(document.getElementById('r').value);
var hasil2 = r * r * 22/7;
document.getElementById("hasil2").value=hasil2;
}
function LuasTabung() {
var t = parseInt(document.getElementById('t').value);
var rr = parseInt(document.getElementById('rr').value);
var hasil = 2*(22/7*rr*rr)+((22/7*rr*2)*t);
document.getElementById("hasil").value=hasil;
}
</script>

HTML untuk Luas Lingkaran:
<form>
<table cellspacing="0" cellpadding="5" width="290px" class="table">
<tr>
<td align="center" colspan="2" class="yt"><font face="Bebas">LUAS LINGKARAN</font></td>
</tr>
<tr>
<td>Jari-jari</td>
<td><input class="o" type="text" id="r"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="button" id="button" value="Hitung" onclick="Luaslingkaran()"></td>
</tr>
<tr>
<td colspan="2" align="center"><input class="o" type="text" id="hasil2" disabled></td>
</tr>
</table>
</form>

HTML untuk Luas Tabung:
<form>
<table cellpadding="5" cellspacing="0" class="table">
<tr>
<td align="center" colspan="2" class="yt"><font face="Bebas">LUAS TABUNG</font></td>
</tr>
<tr>
<td>Tinggi Tabung</td>
<td><input type="text" id="t" class="o"></td>
</tr>
<tr>
<td>Jari-jari</td>
<td><input type="text" id="rr" class="o"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="button" id="button" value="Hitung" onclick="LuasTabung()"></td>
</tr>
<tr>
<td colspan="2" align="center"><input class="o" type="text" id="hasil" disabled></td>
</tr>
</table>
</form>

Hasilnya kurang lebih seperti dibawah ini:


Nah gimana kawan? apakah sudah tidak stuck? hehe.
Sekian dan Terima Kasih!

0 comments

Post a Comment