SEKILAS TENTANG JAVA SCRIPT

About JAVA SCRIPT

1. Pengenalan

        Java Script, adalah bahasa skrip yang ditempelkan pada kode HTML dan di proses disisi client. Dengan adanya bahasa ini, kemampuan dokumen HTML menjadi semakin luas. Bahasa pemerogramman ini memiliki banyak keunggulan dibandingkan dengan bahasa pemrogramman lainnya yaitu : 

> Filenya kecil
> Akses data cepat
> Bersifat kompiler - InterpreterDapat dibaca oleh segala system operasi seperti Windows,      Linux, MAC

Ada beberapa Web Browser yang mendukung untuk menjalankan Java Script yaitu :

> Mozilla Firefox
> Internet Explorer
> Netscape

Pada awalnya perkembangan Java Script dengan pesat disebabkan semakin menjamurnya web - web yan ada di internet. Perkembangan WWW(World Wide Web) yang sangat pesat menyebabkan munculnya banyak homepag dengan halaman halaman yang sangat menarik.

2. Struktur Java Script  
Program yang dibuat dalam script harus diberi tanda :

<script> .......... </script>

a. Penulisan Java Script bisa dilakukan dengan 2 cara yaitu :

- Java ditulis dalam dokumen HTML

- Java ditulis dalam file terpisah, perintah yang digunakan :

<script scr = "nama file(berekstensi .javascript"> .......... </script> 

b. Letak Java Script dalam HTML bisa dilakukan dengan 2 cara yaitu :

- bisa diletakkan dalam kode <HEAD> .......... </HEAD>

- atau juga dalam kode <BODY> .......... </BODY>

3. Menyimpan File
Cara menyimpan file pada Java Script bisa dengan cara yaitu :
- dengan berekstensi .javascript, jika file tersebut tidak bergabung dengan file HTML
- dengan berekstensi .HTML, jika file tersebut bergabung dengan file HTML

nah itulah sekilas info tentang Java Script, jika anda merasa kurang puas dengan apa yang saya jelaskan silahkan tinggalkan komentar, atau anda browse materi ini dari sumber lainnya, Wassalam 
 

Read More

JAVA SCRIPT : Menampilkan Tanggal

JAVA SCRIPT : Display Date

Ya salam, sekarang saya akan berbagi ilmu tentang java script, saya tidak akan membahas tentang apa itu java script, tapi saya akan langsung mempraktekannya kali ini yang di praktekkin adalah cara menampilkan tanggal dengan sekali click.

Dari pada anda penasaran, okeh langsung saja copas atau ketik ulang syntax dibawah ini

<!DOCTYPE html>
<html>
<head><script>
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script></head>
<body>

<h1>Show Date & Time</h1>
<p id="demo"></p>

<button type="button" onclick="displayDate()">Display Date & Time</button>

</body>
</html> 

Maka hasilnya :

Show Date & Time

 

hasil tampilan

nah setelah itu simpan dengan nama tanggal.html, atau terserah anda yang penting berekstensi .html, ok sekian dari saya mengenai Java Script, wassalam.

Read More

JAVA SCRIPT : Klik Me!

JAVA SCRIPT : Klik Me

Nah..pada materi ini anda akan menerima ilmu tentang Java Script, ‘maaf saya tidak membahas apa itu Java Script, karena terlalu panjang jadi silahkan anda pelajari apa itu Java Script disini’

Pada kali Java Script yang saya bahas adalah mengenai klik mengklik J, kita akan bermain button pada Web Page kita. Coba anda lihat gambar dibawah ini, seperti inilah materi yang kita bahas kali ini.

Java Script yang kita bahas ini tampilannya seperti gambar dibawah ini.

Yupzzz langsung praktek atau bagi anda yang mau copazzzz silahkan, tidak dipungut biaya sepeserpun..

<html>

<head>

<title>Klik! -> Muhammad Anwari</title>

<script type="text/javascript">

function displaymessage()

{

alert("Semoga ilmunya bermanfaat");

}

</script>

</head>

<body>

<form>

<input type="button" value="Klik saya !" onclick="displaymessage()" />

</form>

<p>Setelah mengklik tombol tersebut akan muncul pesan, silahkan klik jika anda tidak percaya :)</p>

</body>

</html>

Maka hasilnya :

Setelah mengklik tombol tersebut akan muncul pesan, silahkan klik jika anda tidak percaya :)

 

Simpan dengan klik.html

Read More

JAVA SCRIPT : Membuat Kalkulator 2

JAVA SCRIPT : Kalkulator 2

<html>

<head>

<title>anwari-kyu1</title>

<meta name="Programmer" content="Muhammad Anwari" />

<script language="javascript" type="text/javascript">

<!--

  var flag = false;

  function isi(num) {

    if (flag) calc.b.value += num;

    else calc.a.value += num;

  }

  function tambah()

  {

    calc.opr.value = ' + '

    flag = true;

    calc.b.focus()

  }

  function kurang()

  {

    calc.opr.value = ' - '

    flag = true;

    calc.b.focus()

  }

  function kosong()

  {

    calc.a.focus()

    calc.a.value=""

    calc.opr.value=""

    calc.b.value=""

    calc.c.value=""

    flag = false;

  }

//-->

</script>

<style type="text/css">

p {

  line-height:1.3em;

  color:#00CC00

}

</style>

</head>

<body bgcolor="#000000">

<body onload=kosong()>

<center>

<p style="padding:20px 0px 30px 0px"><font size="6">JavaScript Calculator</font></p>

<form name="calc">

  <table border="2" bordercolor="#CCFF33">

    <tr>

      <td>

      <input type="text" name="a" size="2" />

      <input type="text" name="opr" size="1" />

      <input type="text" name="b" size="2" /> =

      <input type="text" name="c" size="2" />

      <br/>

      </td>

    </tr>

    <tr>

      <td>

      <input type="button" name="one"   value="  1  " onClick="isi(1)" />

      <input type="button" name="two"   value="  2  " onClick="isi(2)" />

      <input type="button" name="three" value="  3  " onClick="isi(3)" />

      <input type="button" name="plus"  value="  +  " onClick="tambah()" />

      <br/>

      <input type="button" name="four"  value="  4  " onClick="isi(4)" />

      <input type="button" name="five"  value="  5  " onClick="isi(5)" />

      <input type="button" name="six"   value="  6  " onClick="isi(6)" />

      <input type="button" name="minus" value="  -  " onClick="kurang()" />

      <br/>

      <input type="button" name="seven" value="  7  " onClick="isi(7)" />

      <input type="button" name="eight" value="  8  " onClick="isi(8)" />

      <input type="button" name="nine"  value="  9  " onClick="isi(9)" />

      <br/>

      <input type="button" name="clear" value="  c  " onClick="kosong()" />

      <input type="button" name="zero"  value="  0  " onClick="isi(0)" />

      <input type="button" name="DoIt"  value="  =  " onClick="calc.c.value=eval(calc.a.value+calc.opr.value+calc.b.value)" />

      <br/>

      </td>

    </tr>

  </table>

</form>

<font face="pristina"size="7"color="#00FF00">

<p>Created by : <br/>Muhammad Anwari<br>STM Muhammadiyah Tasikmalaya</p><hr/></font>

<font face="rockwell"size="4"color="#00FF00">

<p>Kampung Situbeet Mangkubumi</p></font>

</center>

</body>

</html>

Save dengan nama kalkulator.html

Maka akan tampil gambar dibawah ini 

Read More

JAVA SCRIPT : Membuat Kalkulator 1

JAVA SCRIPT : Membuat Kalkulator

<html>

<head>

<script type='text/javascript'>

alert ("SELAMAT DATANG DI KALKULATOR SEDERHANA ^_^")

</script>

<script type='text/javascript'>

alert ("Anda Ganteng Sekali")

</script>

<title>anwari-kyu1</title>

<body background="anwari.jpg">

<b>

<center><font color="aqua"size="7">HASIL PERHITUNGAN DENGAN</font><font color="#0000FF"size="7"> JAVA SCRIPT</font></center><hr align="center"color="#FFFFFF"size="5"width="50%"><br>

<center><font color="white"size="6"face="comic sans ms">Muhammad Anwari</center></font><br>

<font color="white"size="3">

<script language="javascript">

var n1 = prompt ("Masukan Nilai 1","");

var n2 = prompt ("Masukan Nilai 2","");

alert ('anda telah memasukkan angka dengan benar');

document.write ("Nilai Pertama &nbsp;:&nbsp; "+n1+" "+"<br>");

document.write ("Nilai Kedua &nbsp;&nbsp;&nbsp;&nbsp;:&nbsp; "+n2+" "+"<br><br><br>");

c = eval(n1)+eval(n2)

document.write ("Penjumlahan &nbsp;&nbsp;&nbsp;= "+c+"<br>");

c = eval(n1)-eval(n2)

document.write ("Pengurangan &nbsp;&nbsp;= "+c+"<br>");

c = eval(n1)/eval(n2)

document.write ("Pembagian &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;= "+c+"<br>");

c = eval(n1)*eval(n2)

document.write ("Perkalian &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;= "+c+"<br>");

</script>

</head>

</body>

</html>

Simpan dengan nama kalkulator+prompt.html

Read More