Sie sind auf Seite 1von 28

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>

Das könnte Ihnen auch gefallen