Anda di halaman 1dari 13

Komputer Aplikasi Akuntansi

(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");

• Simpan dengan nama welcome.html


<!DOCTYPE html>
<html>
<head>
<title>Program Javascript Pertama</title>
</head>
<body>
<script src="welcome.js"></script>
</body>
</html>
Event Handler
onclick="alert('Welcome to Javascript')"
Popup Box
• Alert
alert (“text”)
• Confirm
confirm(“text”);
• Prompt
prompt(“teks”,nilai_default);
Output
• Document Write
document.write(nama_variabel);

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

Anda mungkin juga menyukai