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>