Latest Updates

Cara membuat Menu Login Sederhana Dengan menggunakan Javascript

Javascript sebenarnya tidak jauh beda dengan bahasa java, kali ini saya akan membuat menu login menggunakan bahasa javascript, yang terdapat pada file HTML.

Langsung aj ke hasilnya dlu ya gan :D











Sekarang kita masuk ke source code nya, agan tinggal copas aj bisa, tapi saran ane mending agan nulis ndri, buat latihan + menghafal :D


<html>
<head>
<title> </title>
</head>
<script>
function userLogin()
{
var myForm = document.login;
if (myForm.username.value == "bara" && myForm.pass.value == "bara")
window.location.href = "kalkulator.html";
else
alert("username atau password yang dimasukkan salah");
}
</script>
<body>
<u>Login User</u> </br>
<FORM NAME="login">
Username: <INPUT NAME="username">
<BR>
Password: <INPUT NAME="pass" TYPE=PASSWORD>
<BR>
<INPUT TYPE=BUTTON VALUE="Login" onClick="userLogin()">
</FORM>

</body>
</html>

penjelasan :
if (myForm.username.value == "bara" && myForm.pass.value == "bara")
kata bara pada baris di atas adalah sebuah username dan password untuk login, agan bisa rubah itu sesuai keinginan agan2. .

NB : jangan lupa di save dengan format HTML.

Semoga bermanfaat. .


Cara Membuat Kalkulator Sederhana Menggunakan Javascript

Langsung aj ya gag usah bosa basi :D
Pertama-tama siapin dulu notepad / notepad ++ agan. . kemudian bikin file baru, dengan nama kalkulator, jangan lupa ubah type nya menjadi html.

aq kasih hasilnya dlu ya :












Langsung aj Copas Script di Bawah ini gan :D


    <html>
    <head>
        <script language="javascript">
            var newdigit = true;
            var op;
            var temp;
            function Angka(angka){
                if(newdigit){
                    newdigit = false;
                }else{
                    angka = document.kalkulator.layar.value + angka;
                }
                document.kalkulator.layar.value=angka;
            }

            function Operator(opt){
                if(temp){
                    Hitung();
                }
                temp = document.kalkulator.layar.value;

                op = opt;
                newdigit=true;
            }

            function Hitung(){
                var angka = document.kalkulator.layar.value;
                if(op == '*'){
                    temp = temp * angka;
                }else if(op == '/'){
                    temp = temp / angka;
                }else if(op == '+'){
                    temp = parseInt(temp) + parseInt(angka);
                }else if(op == '-'){
                    temp = temp - angka;
                }
                document.kalkulator.layar.value = temp;
                temp = 0;
            }

            function Clear(){
                newdigit=true;
                document.kalkulator.layar.value='0';
                temp=0;
            }
        </script>
        <style type="text/css">
            .button{
                width:50px;
                margin-top:6px;
            }
        </style>
    </head>
    <body>
        <form name="kalkulator">
Kalkulator Sederhana<br>
            <input type="text" value="0" name="layar" size="29"/><br/>
            <input type="button" value="1" class="button" onclick="Angka(1);"/>
            <input type="button" value="2" class="button" onclick="Angka(2);"/>
            <input type="button" value="3" class="button" onclick="Angka(3);"/>
            <input type="button" value="+" class="button" onclick="Operator('+');"/><br/>
            <input type="button" value="4" class="button" onclick="Angka(4);"/>
            <input type="button" value="5" class="button" onclick="Angka(5);"/>
            <input type="button" value="6" class="button" onclick="Angka(6);"/>
            <input type="button" value="-" class="button" onclick="Operator('-');"/><br/>
            <input type="button" value="7" class="button" onclick="Angka(7);"/>
            <input type="button" value="8" class="button" onclick="Angka(8);"/>
            <input type="button" value="9" class="button" onclick="Angka(9);"/>
            <input type="button" value="/" class="button" onclick="Operator('/');"/><br/>
            <input type="button" value="0" class="button" onclick="Angka(0)"/>
            <input type="button" value="=" class="button" onclick="Hitung();"/>
            <input type="button" value="Clear" class="button" onclick="Clear();"/>
    <input type="button" value="*" class="button" onclick="Operator('*');"/>
        </form>
    </body>
</html>

SARAN : mending nulis ndri dari pada copas, hahaha ntar bisa dapet gelar MOC :D
selesai. . semoga bermanfaat ^^