Irsyad Nurfaizi: Kalkulator dengan JavaScript

Berikut Code-nya:
001<html>

002<head>

003<style type="text/css">

004table, td, th

005{

006border:1px solid white;

007background-color:black;

008color:white;

009}

010</style>

011<script type="text/javascript">

012function tambah()

013{

014var x = document.test4.input.value;

015var y = document.test4.input2.value;

016document.test4.hasil.value = Number(x) + Number(y);

017if(x =="" || y ==""){

018alert("Tidak boleh Kosong");

019}

020else if (isNaN(document.test4.hasil.value))

021alert("Inputan hanya berupa angka");

022}

023function kurang()

024{

025var x = document.test4.input.value;

026var y = document.test4.input2.value;

027document.test4.hasil.value = Number(x) - Number(y);

028if(x =="" || y ==""){

029alert("Tidak boleh Kosong");

030}

031else if (isNaN(document.test4.hasil.value))

032alert("Inputan hanya berupa angka");

033}

034function bagi()

035{

036var x = document.test4.input.value;

037var y = document.test4.input2.value;

038document.test4.hasil.value = Number(x)/Number(y);

039if(x =="" || y ==""){

040alert("Tidak boleh Kosong");

041}

042else if (isNaN(document.test4.hasil.value))

043alert("Inputan hanya berupa angka");

044}

045function kali()

046{

047var x = document.test4.input.value;

048var y = document.test4.input2.value;

049document.test4.hasil.value = Number(x) * Number(y);

050if(x =="" || y ==""){

051alert("Tidak boleh Kosong");

052}

053else if (isNaN(document.test4.hasil.value))

054alert("Inputan hanya berupa angka");

055}

056function toHex()

057{

058var z=parseInt(document.test4.hasil.value);

059document.test4.hasil2.value = z.toString(16);

060}

061function toOct()

062{

063var z=parseInt(document.test4.hasil.value);

064document.test4.hasil2.value = z.toString(8);

065}

066function toBin()

067{

068var z=parseInt(document.test4.hasil.value);

069document.test4.hasil2.value = z.toString(2);

070}

071</script>

072</head>

073<body>

074<table align="center">

075<th colspan="2">KALKULATOR</th>

076<form name="test4">

077<tr>

078<td><input type="text" name="input"></td>

079<td><input type="text" name="input2"></td>

080</tr>

081<tr>

082<td><input type="button" onclick="tambah()" value="+"></td>

083<td><input type="button" onclick="kurang()" value="-"></td>

084</tr>

085<tr>

086<td><input type="button" onclick="kali()" value="x"></td>

087<td><input type="button" onclick="bagi()" value=":"></td>

088</tr>

089<tr>

090<td colspan="2" align="center">

091<input type="Reset" value="C">

092</td>

093</tr>

094<tr>

095<td>Resuilt</td>

096<td><input type="text" name="hasil"></td>

097</tr>

098<tr>

099<td colspan="2" align="center">

100<input type="button" onclick="toBin()" value="toBin">

101<input type="button" onclick="toHex()" value="tohex">

102<input type="button" onclick="toOct()" value="toOct"></td>

103</tr>

104<tr>

105<td colspan="2" align="center">

106<input type="text" name="hasil2">

107/td>

108</tr>

109</form>

110</table>

111</body>

112</html>
Fungsi: +, - , : , x, c (clear/reset)
Kondisi Alert:
1. Jika inputan bukan angka dan;
2. Jika inputan kosong.
Konfersi : Biner(2), Octal(8), Hexa(16)
Kamis, 14 Maret 2013

Kalkulator dengan JavaScript

Tidak ada komentar:

Posting Komentar

slide to unlock
