facebook likes google exchange

Senin, 02 Januari 2012

Membuat kalkulator menggunakan code HTML

Hallo sahabat kali ini saya akan poting bagaimana cara membuat program kalkulator sendiri.
Semoga potingan ini bermanfaat untuk sahabat semuanya.
Silahkan di simak.

Kalkulator simple ( a + b = c) dengan input angka melalui keyboard.
So, begini deh script kalkulatornya :

<html>
<head>
<title>CALCULATOR</title>
<meta name="Programmer" content="Bayu Anugrah" />
<script language="javascript" type="<a title="text" href="http://www.kantorku-net.com/calculator">text</a>/javascript">
<!--
  var flag = false;
  function isi(num) {
    if (flag) calc.b.value += num;
    else calc.a.value += num;
  }
  function tambah()
  {
    calc.opr.value = ' + '
    flag = true;
    calc.b.focus()
  }
  function kurang()
  {
    calc.opr.value = ' - '
    flag = true;
    calc.b.focus()
  }
  function kosong()
  {
    calc.a.focus()
    calc.a.value=""
    calc.opr.value=""
    calc.b.value=""
    calc.c.value=""
    flag = false;
  }
//-->
</script>
<style type="text/css">
p {
  font-family:verdana;
  font-size:10px;
  line-height:1.6em;
  font-weight:bold;
  color:#727272
}
.style2 {color: #000000}
.style3 {color: #FF0000}
.style4 {color: #FF0000; font-family: Verdana, Arial, Helvetica, sans-serif; }
</style>
</head>
<body onload=kosong()>
<center>
<p class="style4" style="padding:20px 0px 30px 0px"><font size="6">Calculator</font></p>
<form name="calc">
  <table width="291" border="4" bordercolor="#3333ff">
    <tr>
      <td width="308">
      <input type="text" name="a" size="2" />
      <input type="text" name="opr" size="1" />
      <input type="text" name="b" size="2" /> =
      <input type="text" name="c" size="2" />
      <input type="button" name="DoIt2"  value="  =  " onClick="calc.c.value=eval(calc.a.value+calc.opr.value+calc.b.value)" />
      </td>
    </tr>
  </table>
</form>
<p class="style2">Code perintah kalkulator</p>
<p class="style2">+ = +<br>
  - = -<br>
  / = :<br>
  * = x</p>
<p><span class="style2">Created By :</span><br>
  <span class="style3">Bayu Anugrah Azarah Putra</span></p>
<hr/>
<p>2011 &copy; <span class="style3">Kantorku-net.com</span>. All Rights Reserved.</p>
</center>
</body>
</html>



Untuk melihat hasilnya coba aja klik disini.

Semoga bermanfaat.

Salam Sukses
Bayu Anugrah
Kantorku-net.com

0 komentar:

Posting Komentar