Calkulator

Membuat CaLculator dengan JavaScript 
Kali ini ada tugas pemrogaman web baru "rasa" java scrpit....:)

YuP mBuat CaLculator dengan Java Script (gag Pake' baterai....?!Hehe..:D)

Nie SkrinSYutnya..



dan ini SCRipTnya..




&lthtml&gt

&lthead&gt
&lttitle&gtJS - Calculator&lt/title&gt

&ltscript language="Javascript"&gt
&lt!--
/* Variable */
var plussign = ' + ';
var minussign = ' - ';
var multiplysign = ' * ';
var dividesign = ' / ';
var decimalsign = ' . ';
var negativesign = ' -';
var leftbracket = ' (';
var rightbracket = ') ';
var rad = 3.141592654 / 180;
var base_10 = Math.LN10;
var base_2 = Math.LN10;

/* Yup...Mulai */
function calculate(arg) {
arg.expr.value = eval(arg.expr.value)
}

function enter(arg, string) {
arg.expr.value += string
}

function clear_display(arg) {
arg.expr.value = ' '
}

function calc_sqrt(form) {
form.expr.value = (Math.sqrt(form.expr.value))
}

function calc_sqr(form) {
form.expr.value = ((form.expr.value * 1) * (form.expr.value * 1))
}

function sin_form(form) {
form.expr.value = (Math.sin (form.expr.value * rad))
}

function cos_form(form) {
form.expr.value = (Math.cos (form.expr.value * rad))
} 

function tan_form(form) {
form.expr.value = (Math.tan(form.expr.value * rad))
}

function inverse(form) {
form.expr.value = ( 1 / (form.expr.value))
}

function base10_log(form) {
form.expr.value = (Math.log(form.expr.value) / base_10)
}

function base2_log(form) {
form.expr.value = (Math.log(form.expr.value) / base_2)
}
//--&gt
&lt/script&gt

&lt/head&gt

&ltbody&gt
&ltp align="center"&gt&ltbig&gt&ltbig&gtJavaScript - Calculator SMANEKA&lt/big&gt&lt/big&gt&lt/p&gt
&ltform&gt
&lt!-- Rechner Beginn --&gt
&lttable border="0" width="100" bgcolor="#CCCCCC" align="center"&gt
&lttr&gt
&lttd width="100%" colspan="5"&gt&ltinput type="text" name="expr" size="35"
action="calculate(this.form)"&gt&lt/td&gt
&lt/tr&gt
&lttr&gt
&lttd width="20%"&gt&ltinput type="button" value=" sin " Onclick="sin_form(this.form)"&gt&lt/td&gt
&lttd width="20%"&gt&ltinput type="button" value=" cos " OnClick="cos_form(this.form)"&gt&lt/td&gt
&lttd width="20%"&gt&ltinput type="button" value=" tan " Onclick="tan_form(this.form)"&gt&lt/td&gt
&lttd width="20%"&gt&ltinput type="button" value="log10e" onClick="base10_log(this.form)"&gt&lt/td&gt
&lttd width="20%"&gt&ltinput type="button" value=" log2e " OnClick="base2_log(this.form)"&gt&lt/td&gt
&lt/tr&gt
&lttr&gt
&lttd width="20%"&gt&ltinput type="button" value=" Sqrt " Onclick="calc_sqrt(this.form)"&gt&lt/td&gt
&lttd width="20%"&gt&ltinput type="button" value=" Sqr " OnClick="calc_sqr(this.form)"&gt&lt/td&gt
&lttd width="20%"&gt&ltinput type="button" value=" ( " OnClick="enter(this.form,
leftbracket)"&gt&lt/td&gt
&lttd width="20%"&gt&ltinput type="button" value=" ) " OnClick="enter(this.form,
rightbracket)"&gt&lt/td&gt
&lttd width="20%"&gt&ltinput type="button" value=" 1 / X " OnClick="inverse(this.form)"&gt&lt/td&gt
&lt/tr&gt
&lttr&gt
&lttd width="20%"&gt&ltinput type="button" value=" 7 " onClick="enter(this.form, 7)"&gt&lt/td&gt
&lttd width="20%"&gt&ltinput type="button" value=" 8 " onClick="enter(this.form, 8)"&gt&lt/td&gt
&lttd width="20%"&gt&ltinput type="button" value=" 9 " onClick="enter(this.form, 9)"&gt&lt/td&gt
&lttd width="40%" colspan="2"&gt&ltinput type="button" value=" C " onClick="clear_display(this.form)"&gt&lt/td&gt
&lt/tr&gt
&lttr&gt
&lttd width="20%"&gt&ltinput type="button" value=" 4 " onClick="enter(this.form, 4)"&gt&lt/td&gt
&lttd width="20%"&gt&ltinput type="button" value=" 5 " onClick="enter(this.form, 5)"&gt&lt/td&gt
&lttd width="20%"&gt&ltinput type="button" value=" 6 " onClick="enter(this.form, 6)"&gt&lt/td&gt
&lttd width="20%"&gt&ltinput type="button" value=" * " onClick="enter(this.form,
multiplysign)"&gt &lt/td&gt
&lttd width="20%"&gt &ltinput type="button" value=" / " onClick="enter(this.form,
dividesign)"&gt&lt/td&gt
&lt/tr&gt
&lttr&gt
&lttd width="20%"&gt&ltinput type="button" value=" 1 " onclick="enter(this.form, 1)"&gt&lt/td&gt
&lttd width="20%"&gt&ltinput type="button" value=" 2 " onclick="enter(this.form, 2)"&gt&lt/td&gt
&lttd width="20%"&gt&ltinput type="button" value=" 3 " onclick="enter(this.form, 3)"&gt&lt/td&gt
&lttd width="20%"&gt&ltinput type="button" value=" + " onClick="enter(this.form,
plussign)"&gt &lt/td&gt
&lttd width="20%"&gt &ltinput type="button" value=" - " onClick="enter(this.form,
minussign)"&gt
&lt/td&gt
&lt/tr&gt
&lttr&gt
&lttd width="20%"&gt&ltinput type="button" value=" 0 " onClick="enter(this.form, 0)"&gt&lt/td&gt
&lttd width="20%"&gt&ltinput type="button" value=" . " onClick="enter(this.form,
decimalsign)"&gt&lt/td&gt
&lttd width="20%"&gt&ltinput type="button" value=" neg " onClick="enter(this.form,
negativesign)"&gt&lt/td&gt
&lttd width="40%" colspan="2"&gt&ltinput type="button" value=" = " onClick="calculate(this.form)"&gt&lt/td&gt
&lt/tr&gt
&lt/table&gt
&lt!-- Bisa... --&gt
&lt/form&gt
&lt/body&gt

&lt/html&gt



UpZs.....
ada perTanyaAnnya juga nie....
Eh JawaBannya juga..hoho..^^

1. Apa nama title skrip javascript tersebut ?
TitLenya : JS - Calculator

2. ekstensi file Skrip tersebut disimpan dengan file ber-ekstensi jenis ?
Skrip tersebut disimpan dengan file berekstensi jenis HTML (*.html/*.htm 

3. berapa jumlah variabel yang didefinisikan dalam file tersebut !
Jumlan variabelnya ada 11.

4. Berapa jumlah fungsi yang ada didalam skrip tersebut !
Jumlah fungsinya ada 11.

5. Tuliskan nama semua variabel skrip javascript tersebut ?

var plussign = ' + ';
var minussign = ' - ';
var multiplysign = ' * ';
var dividesign = ' / ';
var decimalsign = ' . ';
var negativesign = ' -';
var leftbracket = ' (';
var rightbracket = ') ';
var rad = 3.141592654 / 180;
var base_10 = Math.LN10;
var base_2 = Math.LN10; 


6. Tuliskan nama semua fungsi skrip tersebut ?

function calculate(arg)

function enter(arg, string)

function clear_display(arg)

function calc_sqrt(form)

function calc_sqr(form)

function sin_form(form)

function cos_form(form)

function tan_form(form)

function inverse(form)

function base10_log(form)

function base2_log(form)


7. Tuliskan skrip untuk membuat tampilan display pada skrip tersebut !

&ltinput type="text" name="expr" size="35"
action="calculate(this.form)"&gt


8. Tuliskan skrip untuk membuat 1 tombol !

&ltinput type="button" value=" sin " Onclick="sin_form(this.form)"&gt


9. Tuliskan fungsi jika tombol = ditekan oleh mouse !
&ltinput type="button" value=" = " onClick="calculate(this.form)"&gt

10. Tuliskan skrip untuk membersihkan display !
&ltinput type="button" value=" C " onClick="clear_display(this.form)"&gt

function clear_display(arg) {
arg.expr.value = ' '
}

tugas anyar

scripnya :
<html>
<body background="bg1.jpg">
<br>

<font size="5" ><center>DAFTAR SISWA</center><br />
</font>
<?php
$conn = mysql_connect("localhost","root","");
if (!$conn) {
echo "Could not connect to db";
exit(1);
}
$db = mysql_select_db("latihan",$conn);

$sqlText = "select * from siswa order by induk";
$result = mysql_query($sqlText);
echo "<table border=1 align=center >";
echo "<tr><td width=150><b><center>Nama Siswa</center></b></td>
<td width=150><b><center>Nomor Induk</center></b></td></b>
<td width=150><b><center>Kelas</center></b></td></b></tr>";

while($row=mysql_fetch_object($result))
{
echo "<tr><td>$row->nama</td><td align=center>$row->induk</td><td align=center>$row->kelas</td></tr>";
}

echo "</table>";
?>
</body>
</html>

edit entry siswa

&gthtml&lt


&gtbody background="bg2.jpg"&lt

&gtfont size=16&ltEntry Data Siswa&gt/font&lt
&gtbr /&lt
&gthr&lt
Ketik data-data siswa dibawah ini :&gtbr /&lt
&gtbr /&lt
&gtbr /&lt
&gtform id="form1? name="form1? method="post" action="isisiswa.php"&lt
&gttable&lt
&gttr&lt&gttd&ltNama Siswa&gt/td&lt&gttd&lt&gtinput type="text" name="nama" id="nama" /&lt&gt/td&lt&gt/tr&lt

&gttr&lt&gttd&ltNomor Induk&gt/td&lt&gttd&lt&gtinput type="text" name="induk" id="induk" /&lt&gt/td&lt&gt/tr&lt

&gttr&lt&gttd&ltKelas&gt/td&lt&gttd&lt&gtinput type="text" name="kelas" id="kelas" /&lt&gt/td&lt&gt/tr&lt

&gt/table&lt
&gtbr /&lt
&gtbr /&lt

&gthr&lt
&gtinput type="submit" name="Submit" id="Submit" value="Kirim" /&lt
&gt/form&lt
&gt/body&lt

&gt/html&lt

Javascript

onmouseout="document.bgColor='yellow'">

HTML

Yang ini tidak tebal
yang ini tebalYang ini tebal juga

Ukuran satu
Ukuran dua
Ukuran tiga
Ukuran empat
Ukuran lima
Ukuran enam
Ukuran tujuh

---

Berwarna biru
Berwarna merah
Merah juga

---

1. Isi pertama	2. Isi kedua
3. Isi ketiga	4. Isi keempat

Pada bagian 1, kita sudah mempelajari mengenai pengertian buku tamu alias guest book. Kita juga sudah menyiapkan tabel sebagai wadah penyimpanan pesan

Pada bagian 1, kita sudah mempelajari mengenai pengertian buku tamu alias guest book. Kita juga sudah menyiapkan tabel sebagai wadah penyimpanan pesan dari pengunjung. Jangan lupa, siapkan password, database dan user id tabel itu ya? Pada bagian 2 ini, kita akan ngebahas cara membuat form isian buku tamu kita.

Dalam pembuatan buku tamu, kita akan membuat tabel, form isian bukutamu.htm dan file php bukutamu.php. Untuk memperjelas tentang pembuatan buku tamu ini, sebelumnya akan saya jelasin hubungan antara ketiganya.
Halaman yang pertama dilihat oleh pengunjung situs kita saat akan mengisi buku tamu adalah bukutamu.htm. Di halaman ini mereka akan mengisikan nama dan komentar mereka pada form tersebut. Setelah selesai mengisi, pengunjung tersebut akan mengklik tombol 'kirim' yang akan mengeksekusi file bukutamu.php. File ini bertugas untuk menangkap isi dari form bukutamu.htm dan memasukkannya ke dalam tabel yang sudah kita siapkan pada bagian 1. Gimana, dah jelas kan? kalau sudah, kita akan melanjutkan pada pembuatan script bukutamu.htm.
Tag HTML yang digunakan dalam bukutamu.htm sangat sederhana. Kita akan menggunakan beberapa tag HTML yaitu

, dan ......
Script HTMLnya seperti di bawah ini:

Nama :

Pesan :

Berikut penjelasan baris per barisnya:

• Baris I bertugas membuat sebuah formulir isian. Yang perlu kamu perhatikan di sini adalah parameter ACTION. Dalam parameter ini kamu harus menentukan nama file yang akan dieksekusi setelah klik pada tombol kirim.
  
• Baris II akan memunculkan kata Nama : diikuti sebuah kolom yang bisa diisi oleh pengunjung dengan nama mereka. Parameter penting di sini adalah NAME. Kamu bisa mendefinisikan sebuah nama sebagai tempat menyimpan hasil pengisian si pengunjung tadi. Nah isi parameter NAME tersebut (dalam kasus ini nama) akan dapat diambil isinya oleh file bukutamu.php sebagai variabel $nama. Gampang to?
  
• Baris III penjelasannya sama, dengan nama variabelnya adalah $pesan.
  
• Baris IV akan menampilkan tombol bertuliskan kirim.
  

Ternyata ndak terlalu rumit kan? Guaampang ko. :)
nah, kalau sudah mudeng, kita akan bikin file bukutamu.php yang akan memasukkan isi dari input nama dan pesan ke dalam tabel yang sudah kita buat sebelumnya.

script PHP u/ membuat counter

Pada artikel kali ini, aku akan men-share sedikit script PHP untuk membuat counter sederhana seperti yang terdapat di bagian footer website ini. Bagi kamu yang udah ngerasa expert, sebaiknya berhenti membaca sekarang juga, karna dari judulnya, kamu seharusnya tau bahwa kita cuma mo bikin counter simple. Cara kerja counter ini kurang lebih kayak gini: halaman utama dibuka->input ke database->Output berupa jumlah records dari table yang dijadikan counter. OK, lets do this...

• Pertama, buatlah table dengan nama counter pada database MySQL kamu dengan field sebagai berikut:
  • ip
  • user_agent
  • tanggal
• Sekarang, tambahkan script berikut pada halaman utama website kamu. Ingat, tempatkan script ini di bagian paling atas sebelum tag
  
  

  $ip=getenv(remote_addr);
$date=getdate(date("U"));
$day=$date[mday];
$month=$date[month];
$year=$date[year];

if (!isset($_COOKIE["visitor"]))
{
setcookie("visitor", "$ip", time() +3600);
mysql_connect("localhost", "user", "password"); //sesuaikan host, user, dan password-nya !
mysql_select_db("nama_db") or die(mysql_error()); //sesuaikan nama database-nya

mysql_query("INSERT INTO counter(ip, user_agent, tanggal) VALUES('$ip', '$_SERVER[HTTP_USER_AGENT]', '$day/$month/$year')");
}
?>
  

• Pada code di atas, saat pertama kalo diakses halaman website kita akan membuat cookies dengan nama visitor yang isinya IP address dari visitor kita. Kalo cookies belom diset, maka record table Counter akan ditambah satu.
• Untuk mendapatkan jumlah pengunjung, kita tinggal menghitung berapa jumlah records dari table Counter, gunakan code berikut:
  
  

  $qhit=mysql_query("SELECT * FROM counter");
$hit=mysql_num_rows($qhit);

echo "

  Kamu adalah pengunjung ke: $hit

  ";
  ?>
  
• Sekarang, kamu tinggal meletakkan code di atas untuk menampilkan berapa jumlah pengunjung website kamu.

Semoga bermanfaat dan mohon dimaafkan kalo ada kesalahan.