Minggu, 10 Juli 2011

BASIC penulisan javascript


BASIC penulisan javascript
<html>
<body>
<script type="text/javascript">
...
</script>
</body>
</html>
Contoh:
<html>
<body>
<script type="text/javascript">
 document.write("Belajar Javascript")
</script>
</body>
</html>

Jenis penulisan javascript
1.            Head section
Format penulisan:
<html>
<head>
<script type="text/javascript">
....
</script>
</head>

Contoh:
<html>
<head>
<script type="text/javascript">
function message()
{
alert("This alert box was called with the onload event")
}
</script>
</head>
<body onload="message()">
</body>
</html>

2.            Body section
Format penulisan:
<html>
<head>
</head>
<body>
<script type="text/javascript">
document.write("Tulisan ini akan tampil pada saat loding ")
</script>
</body>
</html>

3.            External script
Contoh:
<html>
<head>
<script src="xxx.js"></script>
</head>
<body>
</body>
</html>

Penggunaan Variabel pada Javascript
Format penulisan variabel:
Var namavar = “value”
     atau
 Namavar = “value”

Contoh:
<html>
<body>
<script type="text/javascript">
var name = "Hege"
document.write(name)
document.write("<h1>"+name+"</h1>")
</script>
<p>Contoh pendeklarasian variabel dan penggunaannya</p>
<p>nilai variabel akan langsung tampil</p>
</body>
</html>







JavaScript Popup Boxes

 Di dalam bahasa JavaScript kita dapat membuat kotak pesan popup. Kotak pesan dalam javascript mempunyai 3 type yaitu:
1.           Alert box
2.           Alert box with line breaks
3.           Confirm box
4.           Prompt box

 

Alert Box

Alert box di gunakan untuk memberikan informasi pesan kepada user dan bila user yakin dengan pilihannya. Alert box ini mempunyai satu tombol “OK” untuk melanjutkan proses.

Syntax:
alert("sometext")
Contoh:
<html>
<head>
<script type="text/javascript">
function disp_alert()
{
alert("I am an alert box!!")
}
</script>
</head>
<body>
  <input type="button" onclick="disp_alert()" value="Display alert box" />
</body>
</html>


Share

Twitter Delicious Facebook Digg Stumbleupon Favorites