JavaScript adalah bahasa skrip yang ditempelkan pada kode HTML dan dijalankan pada browser web. skrip javascript dapat dilihat dibawah ini.
<SCRIPT language=”Javascript”>
<!–
letakkan script anda disini
// –>
</SCRIPT>
Contoh Skrip
<html>
<head>
<title> Belajar javascript </title>
</head>
<body>
<script type="text/javascript">
function trpl(){
alert("Selamat datanng di Prodi TRPL");
}
</script>
<input type="button" value="Klik" onclick="trpl();">
</body>
</html>
JavaScript memiliki mekanisme yang memungkinkan pemakai disuguhi jendela untuk memasukkan sederetan masukan setelah pemakai mengklik tombol OK, maka kode dalam JavaScript akan melakukan serangkaian proses.
<HTML>
<HEAD>
<TITLE>Pemasukan Data</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var nama = prompt("Masukkan Nama Anda : ");
document.write("Hai, " + nama);
//-->
</SCRIPT>
</BODY>
</HTML>
Mendeklarasi Variabel.
<SCRIPT language="Javascript"> var a; a = 2; document.write(a++,"<br/>"); document.write(a*a,"<br/>"); var ab= 3; document.write(++ab,"<br/>"); document.write(ab*ab); </SCRIPT>
Operator.
<html>
<body>
<script type="text/javascript">
var a = 30;
var b = 20;
var c = "Test";
document.write("a + b + c= ");
result = a + b + c;
document.write(result);
</script>
</body>
</html>
Konversi Tipe Data
Mengubah bentuk string menjadi bentuk bilangan bulat : parseInt()
Mengkonversi bentuk string menjadi bilangan real : parseFloat()
<SCRIPT LANGUAGE = "JavaScript">
<!--
var a = parseInt("27");
document.write("1. " + a + "<BR>");
a = parseInt("27.5");
document.write("2. " + a + "<BR>");
var a = parseInt("27A");
document.write("3. " + a + "<BR>");
a = parseInt("A27.5");
document.write("4. " + a + "<BR>");
var b = parseFloat("27");
document.write("5. " + b + "<BR>");
b = parseFloat("27.5");
document.write("6. " + b + "<BR>");
var b = parseFloat("27A");
document.write("7. " + b + "<BR>");
b = parseFloat("A27.5");
document.write("8. " + b + "<BR>")
//-->
</SCRIPT>
getElementById
<html>
<head>
<script type="text/javascript">
function panggil() {
var nm = document.getElementById("nama").value;
document.getElementById("output").innerHTML = nm;
}
</script>
</head>
<body>
Masukkan Nama <input id="nama" type="text" />
<button onclick="panggil();"> Submit </button>
<br/><br/><span id="output">Hasil</span>
</body>
</html>