(E-Commerce)
Dasar Pemrograman Javascript
Cara Penulisan
• Internal Javascript
• Penulisan script javascript disisipkan di dalam satu halaman HTML
• Eksternal Javascript
• Penulisan script Javascript dituliskan di dalam file yang terpisah dengan
halaman HTML
Internal Javascript
<script type=”text/javascript”> <script>
Kode Javascript Kode Javascript
</script> </script>
<script language=”javascript”>
Kode Javascript
</script>
Eksternal Javascript
<script src=”file_javascript.js”></script>
Contoh
• Simpan dengan nama welcome.js
alert("Welcome to Javascript");
document.write(nama_variabel+”Text”);
<script>
nama = prompt("Masukkan Nama Anda : ","");
Alamat = prompt("Masukkan Alamat Anda : ","");
document.write("Nama Anda : " +nama+"<br>");
document.write("Alamat Anda : " +alamat);
</script>
Output (2)
• Inner HTML
document.getElementById(“id”).innerHTML
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="tes"></p>
<script>
nama = prompt("Masukkan Nama Anda : ","");
document.getElementById("tes").innerHTML = "Nama : "+nama;
</script>
</body>
</html>
Output (3)
• Console Log
console.log(“text”/variabel);
<script>
nama = prompt("Masukkan Nama Anda : ","");
alamat = prompt("Masukkan Alamat Anda : ","");
console.log("Nama Anda : " +nama+"<br>");
console.log("Alamat Anda : " +alamat);
</script>
Variable
• Penulisan yang benar
<script>
var nama; //diawali dengan huruf
var $alamat; //diawali dengan tanda dollar
var _tanggal_lahir; //diawali dengan underscore
var b="100"; //variabel yang sudah terisi nilai
</script>
• Penulisan yang salah
<script>
var 1nama; //diawali dengan angka
var ?alamat; //diawali dengan tanda baca
var tempat tanggal lahir; //mengandung spasi
var a? = 10; //mengandung tanda baca
</script>
Tipe Data
• Tipe Data Dasar
• Number
• String
• Boolean
• Tipe Data Khusus
• null
• undefined
• Tipe Data Objek
• object
• array
• function
Operator
• Operator Aritmatika
• Operator Assignment
• Bitwise Operator
• Operator Pembandingan
• Operator Logika
• Operator String
Terima Kasih