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>
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>
<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>
<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