Download aplikasi kalkulator sederhana menggunakan javascript

Kalkulator adalah alat untuk menghitung dari perhitungan sederhana seperti penjulahan,pengurangan,perkalaian,pembagian , sampai kalkulator sains yang dapat menghitung rumus matematika tertentu.

disini saya telah membuat aplikasi kalkulator sederhana dengan menggunakan javascript

silahkan sedot aja hehehe

ini contoh script  kalkulator sederhana saya

function hitung(){

var nilai1=eval(document.getElementById("nilai1").value);

var nilai2=eval(document.getElementById("nilai2").value);

var pointer=document.getElementById("pointer").value;

if(pointer == "0"){

var perhitungan=nilai1+nilai2;

}else if(pointer=="1"){

var perhitungan=nilai1-nilai2;

}else if(pointer=="2"){

var perhitungan=nilai1/nilai2;

}else if(pointer=="3"){

var perhitungan=nilai1*nilai2;

}else{

var perhitungan=nilai1%nilai2;

}

document.getElementById("nilai3").value=perhitungan;

}

Karena  “+”  dalam java script  bukan penjumlahan maka harus menggunakan “eval” pada

Value id .

Langsung saja klilk....

Extract  file enjoy!!!

BELAJAR HTML

Background pada Html

Cara menambahkan background pada html

Disini saya akan menambahkan warna hijau pada background web html saya

Ikuti script saya

<html>

<head><title>background HTML</title>

</head>

<body  bgcolor=”green”>

<h1>Latar belakang warna hijau</h1>

</body>

</html>

Dan hasilnya sebagai berikut:

Hanya dengan menuliskan “bgcolor” pada tag<body> dan isikan nama warna dalam bahasa inggris latar belakang warna sudah berubah

Memasukan gambar sebagai latar belakang

Mungkin kalau warna saja dalam background web kita saja kurang menarik bagaimana kalau kita masukan gambar pada latar belakang web kita, apakah bias?

Tentu saja bisa caranya gambang sama seperti pada memasukan latar belakang warna tadi.

Yuk kita coba.

<html>

<head><title>background HTML</title>

</head>

<body  background="op.jpg" >

<h1><font color="white">Latar belakang adalah gambar</font></h1>

</body>

</html>

Dan hasilnya sebagai berikut:

Sama seperti background warna bedanya jika memilih gambar sebagai latar belakan adalah

Gambar yang kita inginkan sebagai background harus satu folder dengan script  HTML kita jadi bisa langsung dipanggil

Dengan memasukan script ”background” dan masukan nama gambar serta formatnya.

Disini saya memasukan gambar bernama “op” dengan format “.jpg”

Sekian semoga bermanfaat.

ELEMENT HTML

Halaman lanjutan dari element

element <hr>

<hr> adalah membuat garis di  html

Contoh:

<html>

<head><title>element html</title></head>

<body>

<h1>ada garis kah</h1>

<hr>

</body>

</html>

Simpan dengan nama hr.html

Hasilnya seperti gambar berikut!

Element  <pre>………….</pre>

Element pre digunakan untuk membuat tampilan dokumen HTML pada browser sama dengan tampilan pada teks editor. Dengan tag <PRE>, maka tag <P> dan tag <BR>  tidak diperlukan lagi.

Element ini jarang di pakai oleh premogram karena dengan element ini  script atau source code jadi berantakan dan tidak teratur

Contoh  script html elemen <pre>

<html>

<head><title>element Html</title>

</head>

<body>

<pre>

 Teks ini mempergunakan s p a s i dan juga tombol ENTER

 untuk

berpindah ke baris ini.

 Asisten                           Status

=======================

Frans                                Single

Budi                         Single juga

Riyo                         Double, lho?

Chandra                 duda, he he he...

</pre>

</body>

</html>

Simpan dengan Nama pre.html

Dan hasilnya terlihat pada gambar di bawah ini!

Element  <BLOCKQUOTE>

<BLOCKQUOTE> : membuat tampilan menjorok ke dalam seperti identasi. 

Bentuk umum :  <blcokquote> .... </blockquote>

Contoh  script html elemen <pre>

<html>

<head><title>element Html</title>

</head>

<body>

<blockquote>

Pada saat kita mengetikkan sesuatu alamat pada browser maka

 data akan dilewatkan oleh suatu protocol HTTP melewati port 80

pada server. Alamat ini adalah URL dari suatu situs yang mempunyai

 alamat yang unik di Internet. Web Browser akan mengirimkan

suatu aturan yang telah disepakati sebelumnya, aturan ini biasa

 disebut sebagai protocol, standar protocol menggunakan TCP/IP,

 proses ini dimulai dengan melakukan 3 way handshakes antara sumber dan tujuan.

 </blockquote>

</body>

</html>

Simpan dengan Nama blockquote.html

Dan hasilnya terlihat pada gambar di bawah ini!

Terlihat ada jarak dari sebelah kiri dan kanan pada kalimat di atas.

Sekian dari saya semoga bermanfaat .