...::Selamat datang pemirsa BLOGGER semoga apa yang dicantumkan berguna bagi yang membutuhkaN::...

Jumat, 05 Maret 2010

JavaScript Calculator

JavaScript merupakan bahasa pemrograman script (scripting language) guna mendukung tampilan halaman web yang lebih interaktif dibandingkan program CGI. Dengan JavaScript  sebuah halaman web bersifat lebih “mandiri” terhadap servernya karena dapat memproses masukan user, tanpa harus berkomunikasi lagi dengan server, sehingga dapat mempercepat keluaran yang diinginkan user, dan menghemat bandwidth saluran komunikasi. Tulisan ini mencoba mengemukakan sebuah contoh aplikasi JavaScript berupa kalkulator sederhana yang bisa dipelajari oleh semua user dalam mempelajari javascript dasar.
Bentuk tampilan kalkulatornya kira-kira seperti gambar di bawah ini:











Source code aplikasi kalkulator di atas beserta JavaScriptnya adalah sebagai berikut:
-------script mulai disini--------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
    <title>JAVASCRIPT_CALCULATOR</title>
    <body bgcolor="grey">
    <meta name="Programmer" content="nue" />
    <script language="javascript" type="text/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 kali()
      {
        calc.opr.value = ' * '
        flag = true;
        calc.b.focus()
      }
      function bagi()
      {
        calc.opr.value = ' / '
        flag = true;
        calc.b.focus()
      }
    //-->
    </script>
    <style type="text/css">
    p {
      font-family:georgia;
      font-size:10px;
      line-height:1.6em;
      font-weight:bold;
      color:#727272
    }
    </style>
    </head>
    <body onload=kosong()>
    <center>
    <p style="padding:20px 0px 30px 0px"><font size="4" color="black"><u>JavaScript Calculator</u></font></p>
    <form name="calc">
      <table border="3" bordercolor="black">
        <tr>
          <td>
          <input type="text" name="a" size="2" />
            <select name="opr" onchange="setSelected(this);">
              <option>-Pilih-</option>
              <option value="+">+</option>
              <option value="-">-</option>
              <option value="*">*</option>
              <option value="/">/</option>
            </select>
          <input type="text" name="b" size="2" />
          <input type="button" name="hasil" value="=" onclick="calc.c.value=eval(calc.a.value+calc.opr.value+calc.b.value)" />
          <input type="text" name="c" size="2" />
          <br/>
          </td>
        </tr>
      </table>
    </form>
    <p><font color="yellow">Created by : <br/>nue.com</p></font>
    <p><font color="white">2010 &copy; fakom.com</p></font>
    </center>
    </body>
    </html>
---------akhir script----------
copy code diatas kemudian buka program notepad.exe kemudian paste di program notepad tersebut. Simpan file dalam format html, caranya dibagian save as type diganti ke allfiles kemudian tambahkan .html pada nama file contohnya namafile.html kemudian buka file tersebut melalui browser.
Demikian sebuah contoh aplikasi JavaScript berupa aplikasi kalkulator sederhana.......selamat mencoba
/*---------------------------
@uthor agus nuryanto
mail: agus.nue48@gmail.com
-----------------------------*/

Tidak ada komentar:

Gabung yuk!...

Media Sosial