blogE cah_0353: Aplikasi kalkulator sederhana menggunakan JavaScript

Jumat, 05 Maret 2010

Aplikasi kalkulator sederhana menggunakan JavaScript

Java script merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape.Dengan Java script kita bisa dengan mudah membuat sebuah halaman web yang interaktif. Program Java script dituliskan pada file HTML (*.htm atau *.html) dengan menggunakan tag kontainer . Dengan kata lain, kita tidak perlu menuliskan program Javascript pada file terpisah.

Contoh Javascript Sederhana

Membuat aplikasi kalkulator sederhana dengan menggunakan JavaScript

Dibawah ini merupakan scripting keseluruhan untuk pembuatan aplikasi kalkulator sederhana yang telah saya buat.

<!DOCTYPE html

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>Calkulator</title>

</head>

</body>

<script language="JavaSript" type="text/javascript">



</script>

<FORM NAME="Calc">

<TABLE BORDER=4>

<TR>

<TD>

<INPUT TYPE="text" NAME="Input" Size="17">

<br>

<TR>

<TD>

<INPUT TYPE="button" NAME="one" VALUE=" 1 " OnClick="Calc.Input.value += '1'">

<INPUT TYPE="button" NAME="two" VALUE=" 2 " OnCLick="Calc.Input.value += '2'">

<INPUT TYPE="button" NAME="three" VALUE=" 3 " OnClick="Calc.Input.value += '3'">

<INPUT TYPE="button" NAME="plus" VALUE=" + " OnClick="Calc.Input.value += '+'">

<br>

<INPUT TYPE="button" NAME="four" VALUE=" 4 " OnClick="Calc.Input.value += '4'">

<INPUT TYPE="button" NAME="five" VALUE=" 5 " OnCLick="Calc.Input.value += '5'">

<INPUT TYPE="button" NAME="six" VALUE=" 6 " OnClick="Calc.Input.value += '6'">

<INPUT TYPE="button" NAME="minus" VALUE=" - " OnClick="Calc.Input.value += '-'">

<br>

<INPUT TYPE="button" NAME="seven" VALUE=" 7 " OnClick="Calc.Input.value += '7'">

<INPUT TYPE="button" NAME="eight" VALUE=" 8 " OnCLick="Calc.Input.value += '8'">

<INPUT TYPE="button" NAME="nine" VALUE=" 9 " OnClick="Calc.Input.value += '9'">

<INPUT TYPE="button" NAME="times" VALUE=" x " OnClick="Calc.Input.value += '*'">

<br>

<INPUT TYPE="button" NAME="clear" VALUE=" c " OnClick="Calc.Input.value = ''">

<INPUT TYPE="button" NAME="zero" VALUE=" 0 " OnClick="Calc.Input.value += '0'">

<INPUT TYPE="button" NAME="DoIt" VALUE=" = " OnClick="Calc.Input.value = eval(Calc.Input.value)">

<INPUT TYPE="button" NAME="div" VALUE=" / " OnClick="Calc.Input.value += '/'">

<br>

</TD>

</TR>

</TABLE>

</FORM>

<p align="left"><font face="verdana" size="-1">This desaign by cah_0353</font><br>

<a href="www.mainjet.blogspot.com">www.mainjet.blogspot.com</a></font></p>

</body>

</html>

Dari Scripting diatas diperoleh tampilan desain kalkulator sederhana sebagai berikut:

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)