Senin, 28 Agustus 2017

Aritmatika


Membuat Aritmatika dengan menggunakan Notepad++ seperti contoh dibawah ini :

<html>
        <head>
                <title> Program Aritmatika </title>
                <script>
                        function GetJumlah()
                        {
                               //deklarasi variabel
                                var hasil;
                                var input1;
                                var input2;
                               //Input
                                 input1 = parseInt(document .
                                 getElementById("txtInput1").
                                 value);

                                i nput2 = parseInt(document .
                                 getElementById("txtInput2").
                                 value);
                                //proses
                                 hasil = input1 + input2;
                                //output
                                 document.getElementById("txtHasil") .value = hasil;
                         }
                  </script>
        </head>
        <body>
               <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 lalu buka browser dan hasilnya :

Percobaan 3


Buat file dengan Notepad++ seperti contoh dibawah ini :


 <html>
<head>
</head>
<body>
<div>
<label>Input</label>
<Input type="text"/>
</div>
<div>
<label>Output</label>
<label>Output</label>
</div>
<div>
<Input type="button"value="proses"/>
</div>
<body>
</html>
 
 
 
Simpan dengan nama percobaan3.html lalu buka dengan browser dan hasilnya :



Percobaan 2


Buat file dengan Netbeans seperti contoh dibawah ini :

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
--><html>
<head>
            <style>
.tengah{
margin:auto;
width:50%;
border:3px solid brown;
padding:10px;
}
</style>
</head>
<body>
<div class="tengah">
<h1>FORM MABA</h1>
<div>
            <label>Nama</label>
            <input type="text"/>
</div>
<div>
           <label>Alamat</label>
           <input type="text"/>
</div>
<div>
           <label>RT</label>
           <input type="text"/>
           <label>RW</label>
           <input type="text"/>
</div>
<div>
           <label>Sekolah</label>
           <input type="text"/>
           <input type="button" value="Cari"/>
</div>
<div>
           <input type="button" value="Proses"/>
</div>
</body>
</html>

Simpan lalu buka dengan browser dan hasilnya :

Percobaan1



Hello Guys
Pada kesempatan kali ini kita akan belajar menggunakan Notepad++.
Buat file dengan notepad++ seperti contoh dibawah ini :

<html>
<head>
</head>
<body>
<div>
          <label>Bilangan 1</label>
          <input type="text"/>
</div>
<div>
         <label>Bilangan 2</label>
         <input type="text"/>
</div>
</body>
</html>

Simpan dengan nama percobaan1.html lalu buka dengan browser dan hasilnya :