Category: Sistem Berbasis Web


Aplikasi kalkulator dengan menggunakan javascript yang berbasis web

inilah syntax-nya…


<html>
    <head>
        <title>Kalkulator Javascript</title>
        <script language="javascript">
            var opflag=false;
            var opdec=true;
            var opf=true;
            var hasil;
            var oprt;
            
            function number(n) {
                if (opflag) {
                    document.getElementById("layar").value=n;
                    opflag=false;
                }
                else if (n==".") {
                    if (opdec) {
                        document.getElementById("layar").value=document.getElementById("layar").value+n;
                        opdec=false;
                    }
                }
                else {
                    if (opdec) {
                       document.getElementById("layar").value=parseFloat(document.getElementById("layar").value+n);
                    }
                    else {
                    	document.getElementById("layar").value=document.getElementById("layar").value+n;
                    }
                }
            }
            
            function operator(op) {
                if (opf) {
                    hasil=parseFloat(document.getElementById("layar").value);
                    opf=false;
                }
                else {
                    if (!opflag) {
                        if (oprt=="+") {
                        	hasil=hasil+parseFloat(document.getElementById("layar").value);
                        }
                        else if (oprt=="-") {
                        	hasil=hasil-parseFloat(document.getElementById("layar").value);
                        }
                        else if (oprt=="*") {
                        	hasil=hasil*parseFloat(document.getElementById("layar").value);
                        }
                        else if (oprt=="/") {
                        	hasil=hasil/parseFloat(document.getElementById("layar").value);
                        }
                        else {
                        	hasil=parseFloat(document.getElementById("layar").value);
                        }
                        document.getElementById("layar").value=hasil;
                    }
                    if (op=="=") {
                        opf=true;
                    }
                }
                opflag=true;
                oprt=op;
            }
		</script>
    </head>
    <body>
        <table>
            <tr>
                <td colspan="4"><input type="text" id="layar" value="0" style="text-align:right;" /></td>
            </tr>
            <tr>
                <td><input type="button" id="7" value="7" onclick="number('7')" /></td>
                <td><input type="button" id="8" value="8" onclick="number('8')" /></td>
                <td><input type="button" id="9" value="9" onclick="number('9')" /></td>
                <td><input type="button" id="/" value="/" onclick="operator('/')" /></td>
            </tr>
            <tr>
                <td><input type="button" id="4" value="4" onclick="number('4')" /></td>
                <td><input type="button" id="5" value="5" onclick="number('5')" /></td>
                <td><input type="button" id="6" value="6" onclick="number('6')" /></td>
                <td><input type="button" id="*" value="*" onclick="operator('*')" /></td>
            </tr>
            <tr>
                <td><input type="button" id="1" value="1" onclick="number('1')" /></td>
                <td><input type="button" id="2" value="2" onclick="number('2')" /></td>
                <td><input type="button" id="3" value="3" onclick="number('3')" /></td>
                <td><input type="button" id="-" value="-" onclick="operator('-')" /></td>
            </tr>
            <tr>
                <td><input type="button" id="0" value="0" onclick="number('0')" /></td>
                <td><input type="button" id="." value="." onclick="number('.')" /></td>
                <td><input type="button" id="=" value="=" onclick="operator('=')" /></td>
                <td><input type="button" id="+" value="+" onclick="operator('+')" /></td>
            </tr>
        </table>
    </body>
</html>

Advertisements

Materi dari sistem berbasis web dapat di-download pada link dibawah ini :

NB : Link diatas masih belum bisa di-download. Sabar yah… :p