Baru pertama post nih, maaf-maaf yah masih newbie :D, mungkin bagi sebagian orang kenal javascript sebagai penghias sebuah halaman website (apa mungkin hanya menurut saya?) nah disini saya akan kupas tentang javascript dari dasar. check it out ! ;) Javascript adalah bahasa yang berbentuk kumpulan script yang pada fungsinya berjalan pada suatu dokumen HTML, Javascript juga merupakan bahasa skri...

Javascript Part I

 

Baru pertama post nih, maaf-maaf yah masih newbie :D, mungkin bagi sebagian orang kenal javascript sebagai penghias sebuah halaman website (apa mungkin hanya menurut saya?) nah disini saya akan kupas tentang javascript dari dasar. check it out ! ;)

Javascript adalah bahasa yang berbentuk kumpulan script yang pada fungsinya berjalan pada suatu dokumen HTML, Javascript juga merupakan bahasa skrip pertama untuk web.

1. Penulisan Javascript

    Bentuk penulisan javascript dengan ditulis pada file yang sama

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

<body>
<script language = "javascript">

kode javascript disini

</script>

kode HTML disini
</body>
</html>

 Bentuk penulisan javascript pada file berbeda :

<SCRIPT SRC=”namafile.js”>…</SCRIPT> 

 

2. Membuat Program

    Membuat Program kalkulator sederhana :

<HTML> 
<HEAD><TITLE>Kalkulator Sederhana</TITLE></HEAD> 
<BODY> 
<P><SCRIPT language="JavaScript"> 
<!-- 
function hitung() 
{ 
var bil1 = parseFloat(document.fform.bilangan1.value); 
if (isNaN (bil1)) 
bil1=0.0; 
var bil2 = parseFloat(document.fform.bilangan2.value); 
if (isNaN (bil2)) 
bil2=0.0; 
var operasi = (document.fform.operasi.value); 
var hasil ="";
if(operasi=="tambah"){
	var hasil1 = bil1 + bil2; 
	alert ("Hasil Penjumlahan = " + hasil1); 
}else if(operasi=="kali"){
	var hasil2 = bil1 * bil2; 
	alert ("Hasil Perkalian = " + hasil2); 

}else if(operasi=="bagi"){
	var hasil3 = bil1/bil2; 
	alert ("Hasil Pembagian = " + hasil3); 
}else{
	var hasil4 = bil1 - bil2; 
	alert ("Hasil Pengurangan = " + hasil4); 
}

}
//--></SCRIPT></P> 
<FORM NAME ="fform"> 
<H1><BR>Kalkulator Sederhana</H1> 
Bilangan Pertama :<input type="text" size="11" name="bilangan1"> <br>
Bilangan Kedua :<input type="text" size="11" name="bilangan2"> 
<br>
Pilih Operasi <select name="operasi">
			  <option value="tambah">Tambah</option>
			  <option value="kali">Kali</option>
			  <option value="bagi">Bagi</option>
			  <option value="kurang">Kurang</option>
</select>
<P> 
<INPUT TYPE="button" value="HITUNG" onclick="hitung()"> 
<INPUT TYPE="reset" value="RESET"> 
</FORM> 
</BODY> 
</HTML>

 

Cukup sekian dulu deh yg saya bisa posting, dan yg bikin saya ganyangka kayanya saya satu-satunya perempuan di jagocoding.com, apa mungkin ada yg lain ? temenin dong :( ..


About Author

Meyta

"Bukan dari kesempurnaan kita bercermin, melainkan dari sebuah kekurangan kita belajar" visit to MyBlog : http://thality.blogspot.com work at Rhino Technology http://rhino.co.id/about.do?pid=3539


Comment & Discussions

  • udin (Guest)
    Salam kenal pak, mohon maaf jika komentar ini tidak berkenan dan tidak nyambung, saya tertarik dengan code php pada artikel di sini, http://jagocoding.com/tutorial/23/Membuat_Keterangan_Lamanya_Waktu_yang_Berlalu_pada_PHP beberapa bagian yang masih tidak saya pahami, jika bapak berkenan bisakah memberi keterangan untuk saya yang masih tahap pemula, beberapa pertanyaan yang ingin saya ajukan berikut: apakah function time_since.php ini termasuk jenis file atau bukan? atau samakah dengan jenis file test.php maksudnya apakah keduanya berjenis file? dan berikut cuplikan artikel bapak: Kemudian masukkan sebuah tanggal lengkap dengan format seperti time di MySQL, misalnya: "2012-05-03 17:00:00". Kemudian tambahkan kode berikut: Maaf pada kalimat terakhir ada perintah "tambahkan kode berikut:" itu maksudnya bagaimana pak? apakah ketika proses memasukkan tanggal, kemudian di ikuti code php yang ada di bawahnya? atau bagaimana ya? Mohon penjelasannya ya pak, atau balas via email juga boleh, sebelumnya saya ucapkan, terima kasih,

    • Meyta

      1. function time_since.php iya merupakan sebuah file, jadi mas bisa buat file baru dengan nama time_since.php yang isinya function yg sudah ada tersebut. 2. test.php juga merupakan file, yang isinya seperti kode php dibawahnya dan kedua file tersebut(time_since.php dan test.php) berada pada folder yg sama. 3. iya maksud dari "masukan kode berikut" itu masukan kode bawahnya kedalam file test.php bersama kode sebelumnya. :) semoga bermanfaat.


    • Meyta

      nih saya sudah coba, silahkan download :D . http://www.4shared.com/rar/hl00Y4Qw/time.html .jangan lupa disimpan di xampp/htdocs yaa :)


  • udin (Guest)
    Terima kasih pak sudah memberi dan merespon atas pertanyaan saya, Ketika saya uji coba di Localhost terjadi error! Artikel pertama tertulis 1 hari yang lalu, Artikel ke 2 ada pesan error! Pada line 39 Dan artikel ke 3 sampai ke bawah blank, (hilang) begitu saat di akses pada halaman Home, Saya tidak tahu di mana letak kesalahannya, kalau mengikuti perintah bapak diatas, bisa jalan baik, maksudnya di akses dari localhost/test.php

  • Please LOGIN before if you want to give the comment.