Simple Calculator Javascript

5:43 AM

Aplikasi Javascript

Hehe, iseng-iseng ngerjain soal yang ada di majalah nyankod tentang javascript kalkulator dan akhirnya selesai juga. .
untuk memulainya yang diperlukan hanyalah text editor(notepad) dan browser biasa saja karena javascript bisa berjalan di sisi client. Berikut adalah hasil dari program kalkulator javascript yang telah selesai dibuat.



untuk membuatnya kita hanya membutuhkan kode javascript dan html yang cukup sederhana seperti di bawah ini
<html>
<head>
    <script type="text/javascript">
        function hasil(a,b,x){
            if(x=="plus"){
            c=parseFloat(a)+parseFloat(b);
            document.getElementById("hasil").value=c;
            }
            else if(x=="min"){
            c=parseFloat(a)-parseFloat(b);
            document.getElementById("hasil").value=c;
            }
            else if(x=="kali"){
            c=parseFloat(a)*parseFloat(b);
            document.getElementById("hasil").value=c;
            }
            else if(x=="bagi"){
            c=parseFloat(a)/parseFloat(b);
            document.getElementById("hasil").value=c;
            }
            }                               
    </script>
</head>
<body>
    <input type="text" id="a" />
    <select id="x">
        <option value="plus">+</option>
        <option value="min">-</option>
        <option value="kali">*</option>
        <option value="bagi">/</option>
    </select>
    <input type="text" id="b" />
    <button id="proses" onclick="hasil(document.getElementById('a').value,document.getElementById('b').value,document.getElementById('x').value) ">
    =
    </button>
    <input type="text" id="hasil" />
</body>
</html>


inti dari kode diatas adalah mengambil nilai yang ada di text box pertama(a) dan text box kedua(b), juga mengambil value dari drop down list(x) lalu melemparnya ke fungsi javascript yang ada (hasil). . proses penghitngan menggunakan if else condition karena penghitungannya berdasarkan nilai dari x(nilai dropdown list yang dipilih). Setelah dilakukan penghitungan maka hasil akan akan ditampilkan di textbox hasil.

javascript

Enhanced by Zemanta

You Might Also Like

1 comments