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 :
Langganan:
Postingan (Atom)