RSS

Membuat Kalkulator Dengan JavaScript

11 Mar

Sebagaimana  diketahui,  HTML  merupakan  model  dokumen  yang  statis—

begitu ditampilkan tidak akan berubah sampai ada aktivitas navigasi. Adapun

untuk  menjadikan  HTML  sebagai  halaman  dinamis  atau  aktif,  kita  bisa

memanfaatkan bahasa scripting.

Scripting  merupakan  jenis  lain  dari  pemrograman,  yang  umumnya  lebih

mudah  dipahami.  Script  dapat  disisipkan  ke  dalam  dokumen  HTML  dengan

menggunakan  tag  <script>.  Tidak  seperti  style  sheet,  script  bisa  terlihat  di

dalam <head> ataupun <body>.

DHTML  (Dynamic  HTML)  merupakan  suatu  teknik  untuk  menciptakan

halaman  web  yang  interaktif  dengan  cara  mengombinasikan  elemen-elemen

seperti HTML, style sheet, dan scripting. Jadi, DHTML bukanlah suatu jenis

bahasa  pemrograman  melainkan  hanya  sekadar  istilah  saja.  Pada  bagian  ini,

pembuatan DHTML akan dilakukan dengan memanfaatkan JavaScript.

Berikut contoh Source Code membuat kalkulator sederhana menggunakan JavaScript:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//

EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”&gt;

<html>

<head>

<title>Kalkulator</title>

</head>

<body>

<script language=”JavaScript”>

<!–

function hitung(){

var myForm = document.form1;

var x=eval(myForm.x.value);

var y=eval(myForm.y.value);

var pil= myForm.opt.value;

if (pil == “tambah”) {

var z = x + y;

}else if (pil == “kurang”) {

var z = x – y;

} else if (pil == “kali”) {

var z = x * y;

} else if (pil == “bagi”) {

var z = x / y;

}

myForm.hasil.value = z;

myForm.x.value = “”;

myForm.y.value = “”;

}

function resetForm(){

document.form1.reset();

}

//–>

</script>

<form action=”#”>

<input name=”x” />

<select>

<option value=”tambah”> + </option>

<option value=”kurang”> – </option>

<option value=”kali”> * </option>

<option value=”bagi”> / </option>

</select>

<input name=”y” /><br/>

<input value=”=” />

<input name=”hasil” disabled=”true” /><br/>

<br/><input type=”button” value=”RESET” /> <br/><br/>

<hr/>

<font color=”blue” face=”comic sans ms” size=”3″>

Pendidikan Teknik Informatika’07 FT UM</font>

</form>

</body>

</html>

Hasil dari Source Code tersebut tampak pada gambar di bawah ini:


Advertisements
 
3 Comments

Posted by on March 11, 2010 in PTI478

 

3 responses to “Membuat Kalkulator Dengan JavaScript

  1. amdtur

    June 29, 2010 at 7:38 am

    Mbak itu mah tampilannya tapi ndak bisa buat itung. kalo hasil itungannya masuk database gimana?

     
  2. tokoribbon.com

    November 21, 2010 at 2:30 am

    Simpel tp mantabs..

     
  3. tokoribbon.com

    November 21, 2010 at 2:57 am

    sy tes kok belum fungsi ya..

     

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
The Way I Am

Live everyday as if it was your last

Some Good Eats

Eat and don't worry about it

Anggriani

Bacalah! Tulislah !

Padepokan Budi Rahardjo

belajar untuk menjadi manusia ...

Catatanku

Ini adalah album yang berisi catatan yang saya tulis dalam perjalanan waktu hidup. Catatan yang terinspirasi dari apa yang saya lihat, saya baca, saya dengar, dan saya rasakan.

Catatan Bang Akrie

Simplicity.Humble.Joyfull

%d bloggers like this: