Monday 21 August 2017

Percobaan 4 : Contoh Aritmatika HTML

 Membuat File dengan menggunakan Netbeans dan masukkan text berikut :
 
<html>
    <head>
        <title>Program Aritmatika</title>
       
        <script>
            function GetJumlah()
            {
               //deklarasi variabel
               var hasil;
               var input1;
               var input2;
               //input
               input1= parseInt (document.
               getElementById("txtInput1").
               value);
                 
               input2= parseInt (document.
               getElementById("txtInput2").
               value);
               //proses
               hasil = input1 + input2;
               //output
               document.getElementById("txtHasil").value = hasil;
            }  
      
        </script>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <div>
            <div>
                <div>
                    <label>Input 1</label>
                    <input type="text" id=
                    "txtInput1"/>
            </div>
            <div>
                    <label>Input 2</label>
                    <input type="text" id=
                   "txtInput2"/>
            </div>
            <div>
                <label>Hasil</label>
                <input type="text" id=
                   "txtHasil"/>
            </div>
            <div>
                <input type="button" value=
                "Jumlah" onclick="GetJumlah()"/>
            </div>
            <div>
    </body>
</html>

Simpan dengan nama percobaan.html dan buka dengan browser,  maka hasilnya seperti berikut :

Program Aritmatika
 

No comments:

Post a Comment