0% found this document useful (0 votes)
125 views28 pages

JavaScript Coding Examples

This document contains 21 coding examples in JavaScript. The examples cover various JavaScript concepts like: - Alert boxes and changing the window status - Writing to the document - Prompting for user input and writing responses - Date objects and getting/setting properties - Conditional statements like if/else - Loops like while, do/while, for - Functions, parameters, and return values - Form validation

Uploaded by

revan sander
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
125 views28 pages

JavaScript Coding Examples

This document contains 21 coding examples in JavaScript. The examples cover various JavaScript concepts like: - Alert boxes and changing the window status - Writing to the document - Prompting for user input and writing responses - Date objects and getting/setting properties - Conditional statements like if/else - Loops like while, do/while, for - Functions, parameters, and return values - Form validation

Uploaded by

revan sander
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

Nama : Adam Haniif Sabarto

Nim : 41518210065
Jurusan : Teknik Informatika
Coding 1

<html>
<head>
<title>Contoh Program javascript</title>
</head>
<body>
<script language="javascript">
<!--
alert("Sorry, This Page is error!!!!!");
//-->
</script>
</body
</html>
Coding 2

<html>
<head>
<title>properti default status</title>
</head>
<body>
<h1>Test default Status</h1>
<script language="javascript">
<!--
window.default Status = "SORRY THIS PAGE IS UNDER
MAINTANANCE!";
//-->
</script>
</body>
Coding 3

<html>
<head>
<title>properti defaultstatus</title>
</head>
<body>
<script language="javascript">
<!--
document.write("Alhamdulillah Kamu Lulus!<b
r>");
document.write("Semoga Anda Sukses");
//-->
</script>
</body>
</html>
Coding 4

<html>
<head>
<title>pemasukan data</title>
</head>
<body>
<h1>Quotes</h1>
<p> Man Jadda Wa Jada , Siapa yang bersungguh-
sungguh dia akan berhasil </p>
<a href = "www.google.com"
onmouseover = "windows.status=
'Anda menyorot link nih';
return true"
onmouseout = "window.status=;
return true">Fulan</a>

</body>
</html>
Coding 5

<head>
<title>memasukkan data</title>
</head>
<body>
<script language="javascript">
<!--
var nama = prompt("What Your Nick Name?
");
document.write("Hy " + nama);
//-->
</script>
</body>

</html>
Coding 6

<html>
<head>
<title>jendela peringatan</title>
</head>
<body>
<script language="javascript">
<!--
window.alert("Ini Merupakan Situs Yang Ting
kat Keamanannya Rendah");
var jawaban = window.confirm("Anda masih Ma
suk?");
document.write("Jawaban Anda:"+jawaban);
//-->
</script>
</body>
Coding 7

<html>
<head>
<title>JS 7</title>
</head>
<body>
<script language="Javascript">
<!--
var VariabelKu;
var VariabelKu2 = 10;
VariabelKu = 32;
document.write("Hasil : ");
document.write(VariabelKu*VariabelKu2);
// -->
</script>
</body>
</html>
Coding 8

<html>
<head>
<title>JS 8</title>
</head>
<body>
<SCRIPT language="Javascript">
<!--
var a = 9;
var b = 7;
function PerkalianDengan2(b) {
var a = b * 2;
return a;
}
document.write("Dua kali dari ", b, " adalah ", Perk
alianDengan2(b));
document.write("<br>Nilai dari a adalah ", a);
// -->
</SCRIPT>
</body>
</html>
Coding 8
<HTML>
<HEAD>
<TITLE>JS 9</TITLE>
</HEAD>
<BODY>
<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>
</BODY>
</HTML>
Coding 10
<HTML>
<HEAD>
<TITLE>Coding 10</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
document.write("12 + 3 = " + (12 + 3) );
document.write("<BR>");
document.write("12 + 3 = " + (12 - 3) );
document.write("<BR>");
document.write("12 * 3 = " + (12 * 3) );
document.write("<BR>");
document.write("12 / 3 = " + (12 / 3) );
document.write("<BR>");
document.write("12 % 3 = " + (12 % 3) );
document.write("<BR>");
//-->
</SCRIPT>
</BODY>
</HTML>
Coding 11

<HTML>
<HEAD>
<TITLE>Coding 11</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var nilai = prompt("Masukan Nilai : ", 0);
var hasil = (nilai >= 60) ? "Lulus" : "Tidak L
ulus";
document.write("Hasil : " + hasil);
//-->
</SCRIPT>
</BODY>
</HTML>
Coding 12
<HTML>
<HEAD>
<TITLE>Coding 12 </TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var nilai = prompt("Masukan Nilai : ", 0);
var hasil = "";
if (nilai >= 60)
hasil = "Lulus";
else
hasil = "Tidak Lulus";
document.write("Hasil : " + hasil);
//-->
</SCRIPT>
</BODY>
</HTML>
Coding 13

<HTML>
<HEAD>
<TITLE>Coding 13</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var tanggal = new Date();
var kode_hari = tanggal.getDay();
var nama_hari = "";

if (kode_hari == 0)
nama_hari = "Minggu";
else
if (kode_hari == 1)
nama_hari = "Senin";
else
if (kode_hari == 2)
nama_hari = "Selasa";
else
if (kode_hari == 3)
nama_hari = "Rabu";
else
if (kode_hari == 4)
nama_hari = "Kamis";
else

if (kode_hari == 5)
nama_hari = "Jumat";
else
nama_hari = "Sabtu";
document.write("Hari ini : " + nama_hari);
document.write("<br>Tanggal " + tanggal.getDate() +
"/" + (tanggal.getMonth() + 1) +
"/" + tanggal.getFullYear());
//-->
</SCRIPT>
</BODY>
</HTML>
Coding 14

<HTML>
<HEAD>
<TITLE>Coding 14</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var tanggal = new Date();
var kode_hari = tanggal.getDay();
var nama_hari = "";

switch(kode_hari) {
case 0:
nama_hari = "Minggu";
break;
case 1:
nama_hari = "Senin";
break;
case 2:
nama_hari = "Selasa";
break;
case 3:
nama_hari = "Rabu";
break;
case 4:
nama_hari = "Kamis";
break;

case 5:
nama_hari = "Jumat";
break;
case 6:
nama_hari = "Sabtu";
}

document.write("Hari ini : " + nama_hari);


document.write("<br>Tanggal " + tanggal.getDate() +
"/" + (tanggal.getMonth() + 1) +
"/" + tanggal.getFullYear());
//-->
</SCRIPT>
</BODY>
</HTML>

Coding 15

<HTML>
<HEAD>
<TITLE>Coding 15</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var bilangan = 0;
while (bilangan < 6) {
document.write("AdamHaniifSabarto<BR>");
bilangan++;
}
//-->
</SCRIPT>
</BODY>
</HTML>
Coding 16

<HTML>
<HEAD>
<TITLE>Coding 16</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var bilangan = 3;
do {
document.write(bilangan + "<br>");
bilangan++;
} while (bilangan < 9);
//-->
</SCRIPT>
</BODY>
</HTML>
Coding 17

<HTML>
<HEAD>
<TITLE>Coding 17</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var bilangan = 0;

for (bilangan = 1; bilangan <= 5; bilangan++)


document.write(bilangan + "<BR>");
//-->
</SCRIPT>
</BODY>
</HTML>
Coding 18

<HTML>
<HEAD>
<TITLE>Contoh for Berkalang</TITLE>
</HEAD>
<BODY>
<PRE>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var baris, i = 0;
var nilai_prompt = prompt("Tinggi: ", 5);
var tinggi = parseInt(nilai_prompt);

for (baris = 0; baris <= tinggi ; baris++) {


// Buat sejumlah spasi
for (i = 1; i <= tinggi - baris; i++) {
document.write(" "); // Karakter spasi
}
// Tampilkan *
for (i = 1; i < 2 * baris; i++) {
document.write("*");
}
// Pindah baris
document.write("\n");
}
//-->
</SCRIPT>
</PRE>
</BODY>
</HTML>
Coding 19

<HTML>
<HEAD>
<TITLE>Contoh Fungsi</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
function jumlah(x, y) {
var hasil = x + y;
return(hasil);
}
var z = jumlah(2, 3);
document.write(z);
document.write("<BR>");
document.write(jumlah(4, 5));
//-->
</SCRIPT>
</BODY>
</HTML>
Coding 20

<HTML>
<HEAD>
<TITLE>Variabel Lokal</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
function faktorial(n) {
if (n == 0)
return(1);
else
return( n * faktorial(n-1));
}

var z = 77;
document.write("6! = " + faktorial(4));
//-->
</SCRIPT>
</BODY>
</HTML>
Coding 21

<HTML>
<HEAD>
<TITLE>Validasi Masukan</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
function cekNama(form) {
if (form.elements[0].value == "") {
alert("Nama harus dimasukkan");
form.nama.focus();
form.nama.select();
return(false);
}
alert("Terima kasih, " +
form.elements[0].value);
return(true);
}
//-->
</SCRIPT>
<FORM NAME = "formku">
<PRE>
Nama : <INPUT TYPE = "TEXT" NAME = "nama"><BR>
<INPUT TYPE = "BUTTON" VALUE = "Kirim"
onClick = "cekNama(this.form)"><BR>
</PRE>
</FORM>
</BODY>
</HTML>
Coding 22

<HTML>
<HEAD>
<TITLE>Validasi Masukan</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
function cekNama(form) {
if (form.elements[0].value == "") {
alert("Nama harus dimasukkan");
form.nama.focus();
form.nama.select();
return(false);
}
alert("Terima kasih, " +
form.elements[0].value);
return(true);
}
//-->
</SCRIPT>
<FORM NAME = "formku">
<PRE>
Nama : <INPUT TYPE = "TEXT" NAME = "nama"><BR>
<INPUT TYPE = "BUTTON" VALUE = "Kirim"
onClick = "cekNama(this.form)"><BR>
</PRE>
</FORM>
</BODY>
</HTML>
Coding 23

HTML>
<HEAD>
<TITLE>Jam</TITLE>
</HEAD>
<BODY>
<FORM NAME = "formWaktu">
Waktu Sekarang :
<INPUT TYPE = "TEXT"
NAME = "teksWaktu"
VALUE = ""
SIZE = "22">
</FORM>
<SCRIPT LANGUAGE = "JavaScript">
<!--
function aturWaktu() {
var sekarang = new Date();
var waktuSekarang = sekarang.toLocaleString();
document.formWaktu.teksWaktu.value =
waktuSekarang;
setTimeout('aturWaktu()', 1000);
return(true);
}
// Menjalankan fungsi aturWaktu
aturWaktu();
//-->
</SCRIPT>
</BODY>
</HTML>
Coding 24

<HTML>
<HEAD>
<TITLE>Properti prototype</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
function tampilkanElemenArray() {
for (var i = 0; i < this.length; i++) {
document.write("[" + i + "] = " +
this[i] + "<BR>");
}
}
Array.prototype.cetak = tampilkanElemenArray;
var musik = new Array("Jazz", "Rock",
"keroncong", "Dangdut");
var tanaman = new Array("Aglaonema", "Begonia",
"Bromelia");
document.write("Isi array musik: <BR>");
musik.cetak();
document.write("Isi array tanaman: <BR>");
tanaman.cetak();
//-->
</SCRIPT>
</BODY>
</HTML>
Coding 25

Info:
<INPUT TYPE = "TEXT"
NAME = "fieldMusik"
SIZE = "40">
</FORM>
<SCRIPT LANGUAGE = "JavaScript">
<!--
function info() {
for (var i = 0; i < 4; i++)
if (document.formTes.radioMusik[i].checked)
document.formTes.fieldMusik.value =
document.formTes.radioMusik[i].value;
}
//-->
</SCRIPT>
</BODY>
</HTML>
Coding 26

<SCRIPT LANGUAGE = "JavaScript">


<!--
function cekPassword() {
if (document.formTes.password_1.value !=
document.formTes.password_2.value)
alert("Dua password yang Anda masukkan t
idak sama");
else
window.location.href = "tesform.htm";
}
//-->
</SCRIPT>
</BODY>
</HTML>

You might also like