Rabu, 07 Mei 2014
0 komentar

Membuat Kalkulator Sederhana Dengan Javascript



Berikut ini adalah contoh sederhana program kalkulator dengan menggunakan javascript. Pertama tulis script dibawah ini, setelah itu jalankan pada browser anda (pastikan web server anda aktif).

<html>
    <head>
        <title>Kalkulator Sederhana</title>

    </head>
    <body>
        <form name="Calc">
            <table border=1>
                <tr>
                    <td>
                        <input type="text"   name="input" Size="25">
                        <br>
                    </td>
                </tr>
                <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>
    </body>
</html>
Simpan dengan nama sesuai yang anda inginkan. Kemudian akses dengan browser anda. Maka akan muncul tampilan seperti ini :
Sumber : http://www.javascriptkit.com/script/cut18.shtml
 
Toggle Footer
Top