al-radh blog

halao...
ini merupakan kelanjutan dari pembuatan kalkulator
disini kita memakai banyak operand sebagai input....
prosesnya juga lumayan rumit karena melbatkan beberapa operator
seperti kali,tambah,kurang



idenya setiap pembayaran lebih dari 50.000 didiskon 10000
pertama-tama kita susun javascriptnya dan deklarasikan semua operand yang dibutuhkan
lalu kita masukkan operasi total harga
lalu kita buat logika menggunakan if else if
logika ini berfungsi untuk mengecek apakah pelanggan mendapat diskon atau tidak
dan jangan lupa buat fungsi reset

untuk code htmlnya kita buat menu,harga,dan banyaknya dengan menggunakan tabel
seperti tutor yang lalu

seperti ini contoh screenshot nya

selamat mencoba!!! Read More......

 tambah satu lg nih tutor dalam web programming,,
disini kita akan bikin kalkulator sederhana,,
kalkulator sederhan dapat dibuat menggunakan javascript,,
kita buat dulu javascriptnya,,
misalnya kita membuat fungsi hitung yang digunakan dalam kalkulator,,
kita pakai operator sederhana saja yaitu tambah,kurang,kali dan bagi.
pertama kita definisikan form kita dengan misal var form = document.form1
lalu kita deklarasikan operand pertama dengan x, jadi var x =eval(form.x.value)
selanjutnya dideklarasikan pula operand kedua dengan y, jadi var y=eval(form.y.value)
lalu jangan lupa delarasikan operatornya dengan misalnya pil, jadi var pil=form.opt.value
dan kita buat logikanya pakai if else if
intinya saat if (misal operator yang dipilih){maka ini berisi operasi yang diperlukan)
sebagai contoh misal logika operasi penjumlahan,maka code if else ifnya
if(pil=="tambah"){ var z=x+y;}
else if (lainnya)
lalu tampilkan hasil operasi ke field hasil dengan
form.hasil.value=z
dan kita set agar field operand 1 dan 2 dapat diisi
untuk mereset perhitungan gunakan fungsi tambahan reset(),
namun deklarasikan dalam fungsi yang berbeda dengan fungsi hitung.

untuk code html nya bisa kita isi dengan menambahkan field-field yang diperlukan
jangan lupa,,namanya harus sesuai dengan field yang kita buat tadi di javascript.
seperti ini hasilnya...

Read More......

ini adalah kelanjutan dari tutorial layout sederhana menggunakan css
kita disini akan membuat sebuah halaman utama sebuah web
misalnya web elektro tercinta
hehehehehe.....
pada css yang telah kita buat tambahkan id lagi sesuai kebutuhan
dan kita juga bisa menambahkan background dan foto.
kita dapat menggunakan code "background:#fff url(nama foto)"
tambahkan code ini dalam id css, url(nama foto) dipakai untuk meload gambar dari luar
#fff adalah warna dasar dari gambar
selain itu dapat juga kita memakai foto untuk banner misalnya
kita dapat memakai code "background-image:url(nama foto)"
nah silahkan berkreasi sendiri sesuai imajinasi kalian
dan ini adalah screenshot dari web elektro saya


selamat mencoba!!! Read More......

hello there...
disini kita akan membuat sebuah layout/kerangka web sederhana dengan menggunakan css
pertama-tama buat file misalanya layout.css
edit dengan notepad dan tulis kode untuk css misalanya kita memakai istilah
wrapper,header,sidebar,content dan footer.
format code untuk css adalah
(#(nama id) {
variabel yang diperlukan
})
jadi seperti menuliskan sebuah fungsi
file css yang telah kita buat ini akan diloadkan disebuah file html
memakai code (link type="text/css" rel="stylesheet" href="nama file css" /) ditulis dibagian head.
variabel yang dipakai misalanya untuk menentukan besar width,height, dan untuk menentukan letak kita bisa pakai float
kita juga dapat menambahkan gambar.
dalam file html nya kita memadukan id dalam file css dengan perintah div
sebagai contoh (div id="nama id css")(/div>)
untuk membuat daerah didalam div inti tambahkan div sebelum (/div)
tinggal pandai-pandainya kalian mengakali aj...
seperti ini contohnya...

selamat mencoba!!!
*untuk code html silakan diganti kurung() menjadi kurung <> Read More......