Tutorial Programming

Tutorial Javacricpt 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>

No comments:

Post a Comment

Tutorial Programming Designed by Templateism | Ary EJFA Copyright © 2015

Theme images by richcano. Powered by Blogger.